Less in your face
This commit is contained in:
@@ -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 → Moderation → Interaction settings.
|
||||||
<Trans>
|
</Text>
|
||||||
You can configure defaults for these settings from within{' '}
|
</Trans>
|
||||||
<Text style={[a.font_bold]}>
|
</Text>
|
||||||
Settings → Moderation → Interaction settings
|
|
||||||
</Text>
|
|
||||||
</Trans>
|
|
||||||
)}
|
|
||||||
</Admonition>
|
|
||||||
</View>
|
</View>
|
||||||
<Dialog.Close />
|
<Dialog.Close />
|
||||||
</Dialog.ScrollableInner>
|
</Dialog.ScrollableInner>
|
||||||
|
|||||||
Reference in New Issue
Block a user