Add tip to add interests if they have none or deselect

This commit is contained in:
Eric Bailey
2025-04-04 11:18:33 -05:00
parent 3c9a41305c
commit 77c11f00d2
+10 -2
View File
@@ -14,6 +14,7 @@ import {useAgent} from '#/state/session'
import * as Toast from '#/view/com/util/Toast' import * as Toast from '#/view/com/util/Toast'
import {useInterestsDisplayNames} from '#/screens/Onboarding/state' import {useInterestsDisplayNames} from '#/screens/Onboarding/state'
import {atoms as a, useGutters, useTheme} from '#/alf' import {atoms as a, useGutters, useTheme} from '#/alf'
import {Admonition} from '#/components/Admonition'
import {Divider} from '#/components/Divider' import {Divider} from '#/components/Divider'
import * as Toggle from '#/components/forms/Toggle' import * as Toggle from '#/components/forms/Toggle'
import * as Layout from '#/components/Layout' import * as Layout from '#/components/Layout'
@@ -47,8 +48,7 @@ export function SettingsInterests() {
t.atoms.text_contrast_medium, t.atoms.text_contrast_medium,
]}> ]}>
<Trans> <Trans>
Selecting interests from the list below helps us deliver you Your selected interests help us serve you content you care about.
higher quality content.
</Trans> </Trans>
</Text> </Text>
@@ -124,6 +124,13 @@ function Inner({
} }
return ( return (
<>
{interests.length === 0 && (
<Admonition type="tip">
<Trans>We recommend selecting at least two interests.</Trans>
</Admonition>
)}
<Toggle.Group <Toggle.Group
values={interests} values={interests}
onChange={onChangeInterests} onChange={onChangeInterests}
@@ -143,6 +150,7 @@ function Inner({
})} })}
</View> </View>
</Toggle.Group> </Toggle.Group>
</>
) )
} }