Rename NoRouteFound view to PaymentFailed.

Author: valentinewallace

src/view/no-route.js renamed to src/view/payment-failed.js

@@ -28,14 +28,14 @@ const styles = StyleSheet.create({
   },
 });
 
-const NoRouteView = ({ channel, payment }) => (
+const PaymentFailedView = ({ channel, payment }) => (
   <Background color={color.blackDark}>
     <MainContent>
       <FormStretcher>
         <LightningErrorIcon height={115 * 0.8} width={60 * 0.8} />
-        <H1Text style={styles.h1Txt}>No route found</H1Text>
+        <H1Text style={styles.h1Txt}>Payment Failed</H1Text>
         <CopyText style={styles.copyTxt}>
-          {"You'll need to manually create a channel"}
+          {'You may need to manually create a channel.'}
         </CopyText>
       </FormStretcher>
       <PillButton style={styles.createBtn} onPress={() => channel.initCreate()}>
@@ -48,9 +48,9 @@ const NoRouteView = ({ channel, payment }) => (
   </Background>
 );
 
-NoRouteView.propTypes = {
+PaymentFailedView.propTypes = {
   channel: PropTypes.object.isRequired,
   payment: PropTypes.object.isRequired,
 };
 
-export default observer(NoRouteView);
+export default observer(PaymentFailedView);

stories/screen-story.js

@@ -38,7 +38,7 @@ import PayLightningDone from '../src/view/pay-lightning-done';
 import PayBitcoin from '../src/view/pay-bitcoin';
 import PayBitcoinConfirm from '../src/view/pay-bitcoin-confirm';
 import PayBitcoinDone from '../src/view/pay-bitcoin-done';
-import NoRoute from '../src/view/no-route';
+import PaymentFailed from '../src/view/payment-failed';
 import Loader from '../src/view/loader';
 import LoaderSyncing from '../src/view/loader-syncing';
 import SelectSeed from '../src/view/select-seed';
@@ -149,7 +149,9 @@ storiesOf('Screens', module)
   .add('Pay Lightning Done', () => (
     <PayLightningDone store={store} payment={payment} nav={nav} />
   ))
-  .add('No Route Found', () => <NoRoute channel={channel} payment={payment} />)
+  .add('Payment Failed', () => (
+    <PaymentFailed channel={channel} payment={payment} />
+  ))
   .add('Pay Bitcoin', () => (
     <PayBitcoin store={store} payment={payment} nav={nav} />
   ))