Fix crash on iOS in screen hider, fix lineheight

This commit is contained in:
Eric Bailey
2024-07-24 17:07:48 -05:00
parent 52f25999c0
commit 7db97fc2b1
+15 -6
View File
@@ -14,7 +14,7 @@ import {useModerationCauseDescription} from '#/lib/moderation/useModerationCause
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
import {NavigationProp} from 'lib/routes/types' import {NavigationProp} from 'lib/routes/types'
import {CenteredView} from '#/view/com/util/Views' import {CenteredView} from '#/view/com/util/Views'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme, web} from '#/alf'
import {Button, ButtonText} from '#/components/Button' import {Button, ButtonText} from '#/components/Button'
import { import {
ModerationDetailsDialog, ModerationDetailsDialog,
@@ -105,6 +105,7 @@ export function ScreenHider({
a.mb_md, a.mb_md,
a.px_lg, a.px_lg,
a.text_center, a.text_center,
a.leading_snug,
t.atoms.text_contrast_medium, t.atoms.text_contrast_medium,
]}> ]}>
{isNoPwi ? ( {isNoPwi ? (
@@ -113,8 +114,15 @@ export function ScreenHider({
</Trans> </Trans>
) : ( ) : (
<> <>
<Trans>This {screenDescription} has been flagged:</Trans> <Trans>This {screenDescription} has been flagged:</Trans>{' '}
<Text style={[a.text_lg, a.font_semibold, t.atoms.text, a.ml_xs]}> <Text
style={[
a.text_lg,
a.font_semibold,
a.leading_snug,
t.atoms.text,
a.ml_xs,
]}>
{desc.name}.{' '} {desc.name}.{' '}
</Text> </Text>
<TouchableWithoutFeedback <TouchableWithoutFeedback
@@ -127,16 +135,17 @@ export function ScreenHider({
<Text <Text
style={[ style={[
a.text_lg, a.text_lg,
a.leading_snug,
{ {
color: t.palette.primary_500, color: t.palette.primary_500,
// @ts-ignore web only -prf
cursor: 'pointer',
}, },
web({
cursor: 'pointer',
}),
]}> ]}>
<Trans>Learn More</Trans> <Trans>Learn More</Trans>
</Text> </Text>
</TouchableWithoutFeedback> </TouchableWithoutFeedback>
<ModerationDetailsDialog control={control} modcause={blur} /> <ModerationDetailsDialog control={control} modcause={blur} />
</> </>
)}{' '} )}{' '}