Less in your face

This commit is contained in:
Eric Bailey
2025-02-06 09:30:58 -06:00
parent 128a041891
commit 7777864f8f
@@ -7,7 +7,6 @@ import {useQueryClient} from '@tanstack/react-query'
import isEqual from 'lodash.isequal' import isEqual from 'lodash.isequal'
import {logger} from '#/logger' import {logger} from '#/logger'
import {isWeb} from '#/platform/detection'
import {STALE} from '#/state/queries' import {STALE} from '#/state/queries'
import {useMyListsQuery} from '#/state/queries/my-lists' import {useMyListsQuery} from '#/state/queries/my-lists'
import { import {
@@ -31,14 +30,12 @@ import {
import {useAgent, useSession} from '#/state/session' import {useAgent, useSession} from '#/state/session'
import * as Toast from '#/view/com/util/Toast' import * as Toast from '#/view/com/util/Toast'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {Admonition} from '#/components/Admonition'
import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {Button, ButtonIcon, ButtonText} from '#/components/Button'
import * as Dialog from '#/components/Dialog' import * as Dialog from '#/components/Dialog'
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 {Check_Stroke2_Corner0_Rounded as Check} from '#/components/icons/Check' import {Check_Stroke2_Corner0_Rounded as Check} from '#/components/icons/Check'
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo' import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
import {InlineLinkText} from '#/components/Link'
import {Loader} from '#/components/Loader' import {Loader} from '#/components/Loader'
import {Text} from '#/components/Typography' import {Text} from '#/components/Typography'
@@ -62,6 +59,7 @@ export function PostInteractionSettingsControlledDialog({
}: PostInteractionSettingsFormProps & { }: PostInteractionSettingsFormProps & {
control: Dialog.DialogControlProps control: Dialog.DialogControlProps
}) { }) {
const t = useTheme()
const {_} = useLingui() const {_} = useLingui()
return ( return (
@@ -73,25 +71,20 @@ export function PostInteractionSettingsControlledDialog({
<View style={[a.gap_md]}> <View style={[a.gap_md]}>
<Header /> <Header />
<PostInteractionSettingsForm {...rest} /> <PostInteractionSettingsForm {...rest} />
<Admonition type="tip" style={[a.mt_sm]}> <Text
{isWeb ? ( style={[
<Trans> a.pt_sm,
You can configure defaults for these settings from within your{' '} a.text_sm,
<InlineLinkText a.leading_snug,
label={_(msg`Configure default interaction settings`)} t.atoms.text_contrast_medium,
to="/moderation/interaction-settings"> ]}>
moderation settings screen. <Trans>
</InlineLinkText> You can configure defaults for these settings in{' '}
</Trans> <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
) : ( Settings &rarr; Moderation &rarr; Interaction settings.
<Trans> </Text>
You can configure defaults for these settings from within{' '} </Trans>
<Text style={[a.font_bold]}> </Text>
Settings &rarr; Moderation &rarr; Interaction settings
</Text>
</Trans>
)}
</Admonition>
</View> </View>
<Dialog.Close /> <Dialog.Close />
</Dialog.ScrollableInner> </Dialog.ScrollableInner>