move the Contacts footers to the detail views

Author: hawkrives

source/views/contacts/contact-detail.js

@@ -2,13 +2,16 @@
 import React from 'react'
 import {Alert, StyleSheet} from 'react-native'
 import {Markdown} from '../components/markdown'
+import {ListFooter} from '../components/list'
 import glamorous from 'glamorous-native'
 import {phonecall} from 'react-native-communications'
 import {tracker} from '../../analytics'
 import {Button} from '../components/button'
 import openUrl from '../components/open-url'
 import type {ContactType} from './types'
 
+const AAO_URL = 'https://github.com/StoDevX/AAO-React-Native/issues/new'
+
 const Title = glamorous.text({
   fontSize: 36,
   textAlign: 'center',
@@ -68,11 +71,18 @@ export class ContactsDetailView extends React.PureComponent {
     return (
       <Container>
         <Title selectable={true}>{contact.title}</Title>
+
         <Markdown
           styles={{Paragraph: styles.paragraph}}
           source={contact.text}
         />
+
         <Button onPress={this.onPress} title={contact.buttonText} />
+
+        <ListFooter
+          title="Collected by the humans of All About Olaf"
+          href={AAO_URL}
+        />
       </Container>
     )
   }

source/views/contacts/contact-list.js

@@ -7,16 +7,14 @@
 import React from 'react'
 import {SectionList, StyleSheet} from 'react-native'
 import {ListSeparator, ListSectionHeader} from '../components/list'
-import {ListEmpty, ListFooter} from '../components/list'
+import {ListEmpty} from '../components/list'
 import {ContactRow} from './contact-row'
 import {data} from './data'
 import groupBy from 'lodash/groupBy'
 import toPairs from 'lodash/toPairs'
 import * as c from '../components/colors'
 import type {ContactType} from './types'
 
-const AAO_URL = 'https://github.com/StoDevX/AAO-React-Native/issues/new'
-
 const groupContacts = (contacts: ContactType[]) => {
   const grouped = groupBy(contacts, c => c.category)
   return toPairs(grouped).map(([key, value]) => ({title: key, data: value}))
@@ -56,12 +54,6 @@ export default class ContactsListView extends React.PureComponent {
       <SectionList
         ItemSeparatorComponent={ListSeparator}
         ListEmptyComponent={<ListEmpty mode="bug" />}
-        ListFooterComponent={
-          <ListFooter
-            title="Collected by the humans of All About Olaf"
-            href={AAO_URL}
-          />
-        }
         style={styles.listContainer}
         data={groupedData}
         sections={groupedData}