Export logs in store using share functionality.

Author: wbobeirne

src/asset/icon/share.js

@@ -13,6 +13,7 @@ import BackIcon from '../asset/icon/back';
 import CancelIcon from '../asset/icon/cancel';
 import PlusIcon from '../asset/icon/plus';
 import QrIcon from '../asset/icon/qr';
+import ShareIcon from '../asset/icon/share';
 import { color, font } from './style';
 
 //
@@ -558,4 +559,20 @@ MaxButton.propTypes = {
   style: ViewPropTypes.style,
 };
 
+//
+// Share Button
+//
+
+export const ShareButton = ({ onPress, disabled, style }) => (
+  <Button onPress={onPress} disabled={disabled} style={style}>
+    <ShareIcon height={22} width={16} />
+  </Button>
+);
+
+ShareButton.propTypes = {
+  onPress: PropTypes.func,
+  disabled: PropTypes.bool,
+  style: ViewPropTypes.style,
+};
+
 export default Button;

src/asset/icon/share.svg

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
+import { ScrollView, StyleSheet, Share } from 'react-native';
 import { observer } from 'mobx-react';
 import PropTypes from 'prop-types';
 import { SplitBackground } from '../component/background';
 import { Header, Title } from '../component/header';
 import Text from '../component/text';
-import { Button, BackButton } from '../component/button';
+import { BackButton, ShareButton } from '../component/button';
 import { createStyles, maxWidth } from '../component/media-query';
 import { color, font, breakWidth } from '../component/style';
 
@@ -19,16 +19,31 @@ const styles = StyleSheet.create({
   },
 });
 
-const CLIView = ({ store, nav }) => (
-  <SplitBackground color={color.blackDark} bottom={color.cliBackground}>
-    <Header separator style={styles.header}>
-      <BackButton onPress={() => nav.goSettings()} />
-      <Title title="Logs" />
-      <Button disabled onPress={() => {}} />
-    </Header>
-    <LogOutput logs={store.logs} />
-  </SplitBackground>
-);
+class CLIView extends Component {
+  render() {
+    const { store, nav } = this.props;
+    return (
+      <SplitBackground color={color.blackDark} bottom={color.cliBackground}>
+        <Header separator style={styles.header}>
+          <BackButton onPress={() => nav.goSettings()} />
+          <Title title="Logs" />
+          <ShareButton onPress={() => this.shareLogs()} />
+        </Header>
+        <LogOutput logs={store.logs} />
+      </SplitBackground>
+    );
+  }
+
+  shareLogs() {
+    try {
+      Share.share({
+        message: this.props.store.logs,
+      });
+    } catch (err) {
+      console.error(err);
+    }
+  }
+}
 
 CLIView.propTypes = {
   store: PropTypes.object.isRequired,