Wire up file-mobile action in app

Author: tanx

src/action/index-mobile.js

@@ -29,6 +29,7 @@ import GrpcAction from './grpc-mobile';
 import NavAction from './nav-mobile';
 import WalletAction from './wallet';
 import LogAction from './log';
+import FileAction from './file-mobile';
 import InfoAction from './info';
 import NotificationAction from './notification';
 import ChannelAction from './channel';
@@ -48,10 +49,11 @@ store.init(); // initialize computed values
 export const db = new AppStorage(store, AsyncStorage);
 export const grpc = new GrpcAction(store, NativeModules, NativeEventEmitter);
 export const ipc = new IpcAction(grpc);
-export const log = new LogAction(store, ipc, false, RNFS, Share);
+export const file = new FileAction(store, RNFS, Share);
+export const log = new LogAction(store, ipc, false);
 export const nav = new NavAction(store, NavigationActions, StackActions);
 export const notify = new NotificationAction(store, nav);
-export const wallet = new WalletAction(store, grpc, db, nav, notify, RNFS);
+export const wallet = new WalletAction(store, grpc, db, nav, notify, file);
 export const info = new InfoAction(store, grpc, nav, notify);
 export const transaction = new TransactionAction(store, grpc, nav, notify);
 export const channel = new ChannelAction(store, grpc, nav, notify);

src/view/cli.js

@@ -8,7 +8,6 @@ import Text from '../component/text';
 import { BackButton, ShareButton, Button } from '../component/button';
 import { createStyles, maxWidth } from '../component/media-query';
 import { color, font, breakWidth } from '../component/style';
-import { shareLogs } from '../action/log';
 
 //
 // CLI View
@@ -20,15 +19,15 @@ const styles = StyleSheet.create({
   },
 });
 
-const CLIView = ({ store, nav }) => (
+const CLIView = ({ store, nav, file }) => (
   <SplitBackground color={color.blackDark} bottom={color.cliBackground}>
     <Header separator style={styles.header}>
       <BackButton onPress={() => nav.goSettings()} />
       <Title title="Logs" />
       {Platform.OS === 'web' ? (
         <Button onPress={() => {}} />
       ) : (
-        <ShareButton onPress={() => shareLogs()} />
+        <ShareButton onPress={() => file.shareLogs()} />
       )}
     </Header>
     <LogOutput logs={store.logs} />
@@ -38,6 +37,7 @@ const CLIView = ({ store, nav }) => (
 CLIView.propTypes = {
   store: PropTypes.object.isRequired,
   nav: PropTypes.object.isRequired,
+  file: PropTypes.object,
 };
 
 //

src/view/main-mobile.js

@@ -61,6 +61,7 @@ import {
   info,
   auth,
   autopilot,
+  file,
 } from '../action/index-mobile';
 
 import store from '../store';
@@ -137,7 +138,7 @@ const SettingsFiat = () => (
   <SettingFiatView store={store} nav={nav} setting={setting} />
 );
 
-const CLI = () => <CLIView store={store} nav={nav} />;
+const CLI = () => <CLIView store={store} nav={nav} file={file} />;
 
 const Notifications = () => <NotificationView store={store} nav={nav} />;
 

stories/screen-story.js

@@ -17,6 +17,7 @@ import PaymentAction from '../src/action/payment';
 import ChannelAction from '../src/action/channel';
 import TransactionAction from '../src/action/transaction';
 import AuthAction from '../src/action/auth-mobile';
+import FileAction from '../src/action/file-mobile';
 import AtplAction from '../src/action/autopilot';
 import Welcome from '../src/view/welcome';
 import Transaction from '../src/view/transaction';
@@ -90,6 +91,7 @@ import RestoreSeedMobile from '../src/view/restore-seed-mobile';
 
 const store = new Store();
 store.init();
+const file = sinon.createStubInstance(FileAction);
 const nav = sinon.createStubInstance(NavAction);
 const db = sinon.createStubInstance(AppStorage);
 const ipc = sinon.createStubInstance(IpcAction);
@@ -218,7 +220,7 @@ storiesOf('Screens', module)
   .add('Notifications (Mobile)', () => (
     <NotificationMobile store={store} nav={nav} />
   ))
-  .add('CLI', () => <CLI store={store} nav={nav} />)
+  .add('CLI', () => <CLI store={store} nav={nav} file={file} />)
   .add('Transactions', () => (
     <Transaction store={store} transaction={transaction} nav={nav} />
   ))