Add consistent view headers

This commit is contained in:
Paul Frazee 2022-11-01 11:06:43 -05:00
parent 0fd2c3c4cb
commit ab134cac93
10 changed files with 164 additions and 64 deletions

View file

@ -1,7 +1,7 @@
import React, {useState, useEffect} from 'react'
import {StyleSheet, Text, View} from 'react-native'
import {View} from 'react-native'
import {ViewHeader} from '../com/util/ViewHeader'
import {Feed} from '../com/notifications/Feed'
import {colors} from '../lib/styles'
import {useStores} from '../../state'
import {NotificationsViewModel} from '../../state/models/notifications-view'
import {ScreenParams} from '../routes'
@ -38,22 +38,8 @@ export const Notifications = ({visible}: ScreenParams) => {
return (
<View>
<View style={styles.header}>
<Text style={styles.title}>Notifications</Text>
</View>
<ViewHeader title="Notifications" />
{notesView && <Feed view={notesView} />}
</View>
)
}
const styles = StyleSheet.create({
header: {
backgroundColor: colors.white,
},
title: {
fontSize: 30,
fontWeight: 'bold',
paddingHorizontal: 12,
paddingVertical: 6,
},
})