extract SelectableCell into its own file

Author: hawkrives

source/views/sis/student-work/detail.ios.js

@@ -8,11 +8,9 @@ import openUrl from '../../components/open-url'
 import * as c from '../../components/colors'
 import type {JobType} from './types'
 import {cleanJob, getContactName, getLinksFromJob} from './clean-job'
+import {SelectableCell} from './selectable'
 
 const styles = StyleSheet.create({
-  selectable: {
-    paddingVertical: 10,
-  },
   lastUpdated: {
     paddingBottom: 20,
   },
@@ -23,16 +21,6 @@ const styles = StyleSheet.create({
   },
 })
 
-const SelectableCell = ({text}: {text: string}) => (
-  <Cell
-    cellContentView={
-      <Text selectable={true} style={styles.selectable}>
-        {text}
-      </Text>
-    }
-  />
-)
-
 function Title({job}: {job: JobType}) {
   return job.title || job.type
     ? <Section header="JOB">

source/views/sis/student-work/selectable.js

@@ -0,0 +1,20 @@
+// @flow
+import React from 'react'
+import {Text, StyleSheet} from 'react-native'
+import {Cell} from 'react-native-tableview-simple'
+
+const styles = StyleSheet.create({
+  cell: {
+    paddingVertical: 10,
+  },
+})
+
+export const SelectableCell = ({text}: {text: string}) => (
+  <Cell
+    cellContentView={
+      <Text selectable={true} style={styles.cell}>
+        {text}
+      </Text>
+    }
+  />
+)