this repo has no description
1import {View} from 'react-native'
2import {msg} from '@lingui/core/macro'
3import {useLingui} from '@lingui/react'
4import {Trans} from '@lingui/react/macro'
5
6import {AppIconImage} from '#/screens/Settings/AppIconSettings/AppIconImage'
7import {useCurrentAppIcon} from '#/screens/Settings/AppIconSettings/useCurrentAppIcon'
8import * as SettingsList from '#/screens/Settings/components/SettingsList'
9import {atoms as a} from '#/alf'
10import {Shapes_Stroke2_Corner0_Rounded as Shapes} from '#/components/icons/Shapes'
11
12export function SettingsListItem() {
13 const {_} = useLingui()
14 const icon = useCurrentAppIcon()
15
16 return (
17 <SettingsList.LinkItem
18 to="/settings/app-icon"
19 label={_(msg`App Icon`)}
20 contentContainerStyle={[a.align_start]}>
21 <SettingsList.ItemIcon icon={Shapes} />
22 <View style={[a.flex_1]}>
23 <SettingsList.ItemText style={[a.pt_xs, a.pb_md]}>
24 <Trans>App Icon</Trans>
25 </SettingsList.ItemText>
26 <AppIconImage icon={icon} size={60} />
27 </View>
28 </SettingsList.LinkItem>
29 )
30}