diff --git a/src/components/moderation/LabelsOnMe.tsx b/src/components/moderation/LabelsOnMe.tsx
index 6554c888af..5a8eb245a5 100644
--- a/src/components/moderation/LabelsOnMe.tsx
+++ b/src/components/moderation/LabelsOnMe.tsx
@@ -49,11 +49,10 @@ export function LabelsOnMe({
size={size || 'small'}
label={_(msg`View information about these labels`)}
onPress={() => {
- console.log('open')
control.open()
}}>
-
+
{labels.length}{' '}
{labels.length === 1 ? (
diff --git a/src/components/moderation/LabelsOnMeDialog.tsx b/src/components/moderation/LabelsOnMeDialog.tsx
index 1a5d988225..bd9113eeb5 100644
--- a/src/components/moderation/LabelsOnMeDialog.tsx
+++ b/src/components/moderation/LabelsOnMeDialog.tsx
@@ -15,6 +15,7 @@ import * as Dialog from '#/components/Dialog'
import {Button, ButtonText} from '#/components/Button'
import {InlineLink} from '#/components/Link'
import * as Toast from '#/view/com/util/Toast'
+import {Divider} from '../Divider'
export {useDialogControl as useLabelsOnMeDialogControl} from '#/components/Dialog'
@@ -35,7 +36,6 @@ export interface LabelsOnMeDialogProps {
export function LabelsOnMeDialogInner(props: LabelsOnMeDialogProps) {
const {_} = useLingui()
- const {gtMobile} = useBreakpoints()
const [appealingLabel, setAppealingLabel] = React.useState<
ComAtprotoLabelDefs.Label | undefined
>(undefined)
@@ -44,8 +44,11 @@ export function LabelsOnMeDialogInner(props: LabelsOnMeDialogProps) {
return (
+ label={
+ isAccount
+ ? _(msg`The following labels were applied to your account.`)
+ : _(msg`The following labels were applied to your content.`)
+ }>
{appealingLabel ? (
) : (
<>
-
+
{isAccount ? (
Labels on your account
) : (
Labels on your content
)}
-
+
You may appeal these labels if you feel they were placed in error.
@@ -82,20 +81,10 @@ export function LabelsOnMeDialogInner(props: LabelsOnMeDialogProps) {
/>
))}
-
-
-
-
>
)}
+
+
)
}
@@ -124,39 +113,46 @@ function Label({
const {labeler, strings} = useLabelInfo(label)
return (
-
-
- {strings.name}
-
- {strings.description}
- control.close()}>
- {labeler ? sanitizeHandle(labeler.creator.handle, '@') : label.src}
-
+
+
+ {strings.name}
+
+ {strings.description}
+
+
+
+
+
-
-
+
+
+
+
+
+ Source:{' '}
+ control.close()}>
+ {labeler ? sanitizeHandle(labeler.creator.handle, '@') : label.src}
+
+
)
@@ -200,19 +196,18 @@ function AppealForm({
return (
<>
-
+
Appeal "{strings.name}" label
-
+
This appeal will be sent to{' '}
control.close()}>
+ onPress={() => control.close()}
+ style={[a.text_md, a.leading_snug]}>
{labeler ? sanitizeHandle(labeler.creator.handle, '@') : label.src}
.
@@ -230,8 +225,7 @@ function AppealForm({
onChangeText={setDetails}
autoFocus={true}
numberOfLines={3}
- multiline={true}
- textAlignVertical="top"
+ multiline
maxLength={300}
/>
@@ -246,7 +240,7 @@ function AppealForm({
testID="backBtn"
variant="solid"
color="secondary"
- size="small"
+ size="medium"
onPress={onPressBack}
label={_(msg`Back`)}>
{_(msg`Back`)}
@@ -255,7 +249,7 @@ function AppealForm({
testID="submitBtn"
variant="solid"
color="primary"
- size="small"
+ size="medium"
onPress={onSubmit}
label={_(msg`Submit`)}>
{_(msg`Submit`)}