Samuel Newman
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
import {View} from 'react-native'
|
|
import {Trans} from '@lingui/macro'
|
|
|
|
import {
|
|
type AllNavigatorParams,
|
|
type NativeStackScreenProps,
|
|
} from '#/lib/routes/types'
|
|
import {useNotificationSettingsQuery} from '#/state/queries/notifications/settings'
|
|
import {atoms as a} from '#/alf'
|
|
import {Admonition} from '#/components/Admonition'
|
|
import {LikeRepost_Stroke2_Corner2_Rounded as LikeRepostIcon} from '#/components/icons/Heart2'
|
|
import * as Layout from '#/components/Layout'
|
|
import * as SettingsList from '../components/SettingsList'
|
|
import {ItemTextWithSubtitle} from './components/ItemTextWithSubtitle'
|
|
import {PreferenceControls} from './components/PreferenceControls'
|
|
|
|
type Props = NativeStackScreenProps<
|
|
AllNavigatorParams,
|
|
'LikesOnRepostsNotificationSettings'
|
|
>
|
|
export function LikesOnRepostsNotificationSettingsScreen({}: Props) {
|
|
const {data: preferences, isError} = useNotificationSettingsQuery()
|
|
|
|
return (
|
|
<Layout.Screen>
|
|
<Layout.Header.Outer>
|
|
<Layout.Header.BackButton />
|
|
<Layout.Header.Content>
|
|
<Layout.Header.TitleText>
|
|
<Trans>Notifications</Trans>
|
|
</Layout.Header.TitleText>
|
|
</Layout.Header.Content>
|
|
<Layout.Header.Slot />
|
|
</Layout.Header.Outer>
|
|
<Layout.Content>
|
|
<SettingsList.Container>
|
|
<SettingsList.Item style={[a.align_start]}>
|
|
<SettingsList.ItemIcon icon={LikeRepostIcon} />
|
|
<ItemTextWithSubtitle
|
|
bold
|
|
titleText={<Trans>Likes of your reposts</Trans>}
|
|
subtitleText={
|
|
<Trans>
|
|
Get notifications when people like posts that you've reposted.
|
|
</Trans>
|
|
}
|
|
/>
|
|
</SettingsList.Item>
|
|
{isError ? (
|
|
<View style={[a.px_lg, a.pt_md]}>
|
|
<Admonition type="error">
|
|
<Trans>Failed to load notification settings.</Trans>
|
|
</Admonition>
|
|
</View>
|
|
) : (
|
|
<PreferenceControls
|
|
name="likeViaRepost"
|
|
preference={preferences?.likeViaRepost}
|
|
/>
|
|
)}
|
|
</SettingsList.Container>
|
|
</Layout.Content>
|
|
</Layout.Screen>
|
|
)
|
|
}
|