add SelectableCell to iOS detail view

Author: hawkrives

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

@@ -23,6 +23,16 @@ 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">
@@ -62,41 +72,23 @@ function Hours({job}: {job: JobType}) {
 function Description({job}: {job: JobType}) {
   return job.description
     ? <Section header="DESCRIPTION">
-        <Cell
-          cellContentView={
-            <Text selectable={true} style={styles.selectable}>
-              {job.description}
-            </Text>
-          }
-        />
+        <SelectableCell text={job.description} />
       </Section>
     : null
 }
 
 function Skills({job}: {job: JobType}) {
   return job.skills
     ? <Section header="SKILLS">
-        <Cell
-          cellContentView={
-            <Text selectable={true} style={styles.selectable}>
-              {job.skills}
-            </Text>
-          }
-        />
+        <SelectableCell text={job.skills} />
       </Section>
     : null
 }
 
 function Comments({job}: {job: JobType}) {
   return job.comments
     ? <Section header="COMMENTS">
-        <Cell
-          cellContentView={
-            <Text selectable={true} style={styles.selectable}>
-              {job.comments}
-            </Text>
-          }
-        />
+        <SelectableCell text={job.comments} />
       </Section>
     : null
 }