Update info screen titles to use H1

zio/stable
Paul Frazee 2023-06-12 17:25:52 -05:00
parent 9c8e0ab33a
commit bc2bf20e08
4 changed files with 12 additions and 12 deletions

View File

@ -1,11 +1,11 @@
import React from 'react' import React from 'react'
import {View} from 'react-native' import {View} from 'react-native'
import {useFocusEffect} from '@react-navigation/native' import {useFocusEffect} from '@react-navigation/native'
import {H1} from '@expo/html-elements'
import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types' import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
import {ViewHeader} from '../com/util/ViewHeader' import {ViewHeader} from '../com/util/ViewHeader'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {ScrollView} from 'view/com/util/Views' import {ScrollView} from 'view/com/util/Views'
import {Text} from 'view/com/util/text/Text'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {s} from 'lib/styles' import {s} from 'lib/styles'
import Html from '../../locale/en/community-guidelines' import Html from '../../locale/en/community-guidelines'
@ -29,9 +29,9 @@ export const CommunityGuidelinesScreen = (_props: Props) => {
<ViewHeader title="Community Guidelines" /> <ViewHeader title="Community Guidelines" />
<ScrollView style={[s.hContentRegion, pal.view]}> <ScrollView style={[s.hContentRegion, pal.view]}>
<View style={[s.p20]}> <View style={[s.p20]}>
<Text type="title-xl" style={[pal.text, s.bold, s.pb20]}> <H1 style={[pal.text, s.bold, s.pb20, {marginVertical: 0}]}>
Community Guidelines Community Guidelines
</Text> </H1>
<Html /> <Html />
</View> </View>
<View style={s.footerSpacer} /> <View style={s.footerSpacer} />

View File

@ -1,11 +1,11 @@
import React from 'react' import React from 'react'
import {View} from 'react-native' import {View} from 'react-native'
import {useFocusEffect} from '@react-navigation/native' import {useFocusEffect} from '@react-navigation/native'
import {H1} from '@expo/html-elements'
import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types' import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
import {ViewHeader} from '../com/util/ViewHeader' import {ViewHeader} from '../com/util/ViewHeader'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {ScrollView} from 'view/com/util/Views' import {ScrollView} from 'view/com/util/Views'
import {Text} from 'view/com/util/text/Text'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {s} from 'lib/styles' import {s} from 'lib/styles'
import Html from '../../locale/en/copyright-policy' import Html from '../../locale/en/copyright-policy'
@ -26,9 +26,9 @@ export const CopyrightPolicyScreen = (_props: Props) => {
<ViewHeader title="Copyright Policy" /> <ViewHeader title="Copyright Policy" />
<ScrollView style={[s.hContentRegion, pal.view]}> <ScrollView style={[s.hContentRegion, pal.view]}>
<View style={[s.p20]}> <View style={[s.p20]}>
<Text type="title-xl" style={[pal.text, s.bold, s.pb20]}> <H1 style={[pal.text, s.bold, s.pb20, {marginVertical: 0}]}>
Copyright Policy Copyright Policy
</Text> </H1>
<Html /> <Html />
</View> </View>
<View style={s.footerSpacer} /> <View style={s.footerSpacer} />

View File

@ -1,11 +1,11 @@
import React from 'react' import React from 'react'
import {View} from 'react-native' import {View} from 'react-native'
import {useFocusEffect} from '@react-navigation/native' import {useFocusEffect} from '@react-navigation/native'
import {H1} from '@expo/html-elements'
import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types' import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
import {ViewHeader} from '../com/util/ViewHeader' import {ViewHeader} from '../com/util/ViewHeader'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {ScrollView} from 'view/com/util/Views' import {ScrollView} from 'view/com/util/Views'
import {Text} from 'view/com/util/text/Text'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {s} from 'lib/styles' import {s} from 'lib/styles'
import PrivacyPolicyHtml from '../../locale/en/privacy-policy' import PrivacyPolicyHtml from '../../locale/en/privacy-policy'
@ -26,9 +26,9 @@ export const PrivacyPolicyScreen = (_props: Props) => {
<ViewHeader title="Privacy Policy" /> <ViewHeader title="Privacy Policy" />
<ScrollView style={[s.hContentRegion, pal.view]}> <ScrollView style={[s.hContentRegion, pal.view]}>
<View style={[s.p20]}> <View style={[s.p20]}>
<Text type="title-xl" style={[pal.text, s.bold, s.pb20]}> <H1 style={[pal.text, s.bold, s.pb20, {marginVertical: 0}]}>
Privacy Policy Privacy Policy
</Text> </H1>
<PrivacyPolicyHtml /> <PrivacyPolicyHtml />
</View> </View>
<View style={s.footerSpacer} /> <View style={s.footerSpacer} />

View File

@ -5,10 +5,10 @@ import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
import {ViewHeader} from '../com/util/ViewHeader' import {ViewHeader} from '../com/util/ViewHeader'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {ScrollView} from 'view/com/util/Views' import {ScrollView} from 'view/com/util/Views'
import {Text} from 'view/com/util/text/Text'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {s} from 'lib/styles' import {s} from 'lib/styles'
import Html from '../../locale/en/terms-of-service' import Html from '../../locale/en/terms-of-service'
import {H1} from '@expo/html-elements'
type Props = NativeStackScreenProps<CommonNavigatorParams, 'TermsOfService'> type Props = NativeStackScreenProps<CommonNavigatorParams, 'TermsOfService'>
export const TermsOfServiceScreen = (_props: Props) => { export const TermsOfServiceScreen = (_props: Props) => {
@ -26,9 +26,9 @@ export const TermsOfServiceScreen = (_props: Props) => {
<ViewHeader title="Terms of Service" /> <ViewHeader title="Terms of Service" />
<ScrollView style={[s.hContentRegion, pal.view]}> <ScrollView style={[s.hContentRegion, pal.view]}>
<View style={[s.p20]}> <View style={[s.p20]}>
<Text type="title-xl" style={[pal.text, s.bold, s.pb20]}> <H1 style={[pal.text, s.bold, s.pb20, {marginVertical: 0}]}>
Terms of Service Terms of Service
</Text> </H1>
<Html /> <Html />
</View> </View>
<View style={s.footerSpacer} /> <View style={s.footerSpacer} />