Gate settings too

This commit is contained in:
Eric Bailey
2024-12-16 17:53:06 -06:00
parent 305a9e6346
commit 57ff6f184d
@@ -13,6 +13,7 @@ import {
useTrendingSettings, useTrendingSettings,
useTrendingSettingsApi, useTrendingSettingsApi,
} from '#/state/preferences/trending' } from '#/state/preferences/trending'
import {useTrendingConfig} from '#/state/trending-config'
import * as SettingsList from '#/screens/Settings/components/SettingsList' import * as SettingsList from '#/screens/Settings/components/SettingsList'
import * as Toggle from '#/components/forms/Toggle' import * as Toggle from '#/components/forms/Toggle'
import {Bubbles_Stroke2_Corner2_Rounded as BubblesIcon} from '#/components/icons/Bubble' import {Bubbles_Stroke2_Corner2_Rounded as BubblesIcon} from '#/components/icons/Bubble'
@@ -34,6 +35,7 @@ export function ContentAndMediaSettingsScreen({}: Props) {
const setAutoplayDisabledPref = useSetAutoplayDisabled() const setAutoplayDisabledPref = useSetAutoplayDisabled()
const inAppBrowserPref = useInAppBrowser() const inAppBrowserPref = useInAppBrowser()
const setUseInAppBrowser = useSetInAppBrowser() const setUseInAppBrowser = useSetInAppBrowser()
const {enabled: trendingEnabled} = useTrendingConfig()
const {trendingSidebarHidden, trendingDiscoverHidden} = useTrendingSettings() const {trendingSidebarHidden, trendingDiscoverHidden} = useTrendingSettings()
const {setTrendingSidebarHidden, setTrendingDiscoverHidden} = const {setTrendingSidebarHidden, setTrendingDiscoverHidden} =
useTrendingSettingsApi() useTrendingSettingsApi()
@@ -112,35 +114,39 @@ export function ContentAndMediaSettingsScreen({}: Props) {
<Toggle.Platform /> <Toggle.Platform />
</SettingsList.Item> </SettingsList.Item>
</Toggle.Item> </Toggle.Item>
<SettingsList.Divider /> {trendingEnabled && (
{!isNative && ( <>
<Toggle.Item <SettingsList.Divider />
name="show_trending_topics_sidebar" {!isNative && (
label={_(msg`Show trending topics in your sidebar`)} <Toggle.Item
value={!trendingSidebarHidden} name="show_trending_topics_sidebar"
onChange={value => setTrendingSidebarHidden(!value)}> label={_(msg`Show trending topics in your sidebar`)}
<SettingsList.Item> value={!trendingSidebarHidden}
<SettingsList.ItemIcon icon={Graph} /> onChange={value => setTrendingSidebarHidden(!value)}>
<SettingsList.ItemText> <SettingsList.Item>
<Trans>Show trending topics in your sidebar</Trans> <SettingsList.ItemIcon icon={Graph} />
</SettingsList.ItemText> <SettingsList.ItemText>
<Toggle.Platform /> <Trans>Show trending topics in your sidebar</Trans>
</SettingsList.Item> </SettingsList.ItemText>
</Toggle.Item> <Toggle.Platform />
</SettingsList.Item>
</Toggle.Item>
)}
<Toggle.Item
name="show_trending_topics_discover"
label={_(msg`Show trending topics in your feed`)}
value={!trendingDiscoverHidden}
onChange={value => setTrendingDiscoverHidden(!value)}>
<SettingsList.Item>
<SettingsList.ItemIcon icon={Graph} />
<SettingsList.ItemText>
<Trans>Show trending topics in your feed</Trans>
</SettingsList.ItemText>
<Toggle.Platform />
</SettingsList.Item>
</Toggle.Item>
</>
)} )}
<Toggle.Item
name="show_trending_topics_discover"
label={_(msg`Show trending topics in your feed`)}
value={!trendingDiscoverHidden}
onChange={value => setTrendingDiscoverHidden(!value)}>
<SettingsList.Item>
<SettingsList.ItemIcon icon={Graph} />
<SettingsList.ItemText>
<Trans>Show trending topics in your feed</Trans>
</SettingsList.ItemText>
<Toggle.Platform />
</SettingsList.Item>
</Toggle.Item>
</SettingsList.Container> </SettingsList.Container>
</Layout.Content> </Layout.Content>
</Layout.Screen> </Layout.Screen>