diff --git a/src/screens/Settings/SettingsInterests.tsx b/src/screens/Settings/SettingsInterests.tsx
index 2665455605..9a61329465 100644
--- a/src/screens/Settings/SettingsInterests.tsx
+++ b/src/screens/Settings/SettingsInterests.tsx
@@ -14,6 +14,7 @@ import {useAgent} from '#/state/session'
import * as Toast from '#/view/com/util/Toast'
import {useInterestsDisplayNames} from '#/screens/Onboarding/state'
import {atoms as a, useGutters, useTheme} from '#/alf'
+import {Admonition} from '#/components/Admonition'
import {Divider} from '#/components/Divider'
import * as Toggle from '#/components/forms/Toggle'
import * as Layout from '#/components/Layout'
@@ -47,8 +48,7 @@ export function SettingsInterests() {
t.atoms.text_contrast_medium,
]}>
- Selecting interests from the list below helps us deliver you
- higher quality content.
+ Your selected interests help us serve you content you care about.
@@ -124,25 +124,33 @@ function Inner({
}
return (
-
-
- {INTERESTS.map(interest => {
- const name = interestsDisplayNames[interest]
- if (!name) return null
- return (
-
-
-
- )
- })}
-
-
+ <>
+ {interests.length === 0 && (
+
+ We recommend selecting at least two interests.
+
+ )}
+
+
+
+ {INTERESTS.map(interest => {
+ const name = interestsDisplayNames[interest]
+ if (!name) return null
+ return (
+
+
+
+ )
+ })}
+
+
+ >
)
}