Use admonitions in settings screens (#5741)

src/screens/Messages/Settings.tsx

@@ -12,7 +12,8 @@ import {useSession} from '#/state/session'
 import * as Toast from '#/view/com/util/Toast'
 import {ViewHeader} from '#/view/com/util/ViewHeader'
 import {ScrollView} from '#/view/com/util/Views'
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a} from '#/alf'
+import {Admonition} from '#/components/Admonition'
 import {Divider} from '#/components/Divider'
 import * as Toggle from '#/components/forms/Toggle'
 import {Text} from '#/components/Typography'
@@ -23,7 +24,6 @@ type AllowIncoming = 'all' | 'none' | 'following'
 type Props = NativeStackScreenProps<CommonNavigatorParams, 'MessagesSettings'>
 export function MessagesSettingsScreen({}: Props) {
   const {_} = useLingui()
-  const t = useTheme()
   const {currentAccount} = useSession()
   const {data: profile} = useProfileQuery({
     did: currentAccount!.did,
@@ -99,21 +99,12 @@ export function MessagesSettingsScreen({}: Props) {
             </Toggle.Item>
           </View>
         </Toggle.Group>
-        <View
-          style={[
-            a.mt_sm,
-            a.px_xl,
-            a.py_lg,
-            a.rounded_md,
-            t.atoms.bg_contrast_25,
-          ]}>
-          <Text style={[t.atoms.text_contrast_high, a.leading_snug]}>
-            <Trans>
-              You can continue ongoing conversations regardless of which setting
-              you choose.
-            </Trans>
-          </Text>
-        </View>
+        <Admonition type="tip">
+          <Trans>
+            You can continue ongoing conversations regardless of which setting
+            you choose.
+          </Trans>
+        </Admonition>
         {isNative && (
           <>
             <Divider style={a.my_md} />