zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Update the reporting flow to first select a recipient if the user has multiple labelers (#3258)

Browse source
This commit is contained in:
Paul Frazee 2024-03-18 16:15:57 -07:00 • committed by GitHub
parent 1b10c7bc08
commit 959121f394
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 175 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/ReportDialog/SelectReportOptionView.tsx
View file

@ -18,7 +18,10 @@ import {
useButtonContext,
} from '#/components/Button'
import {Divider} from '#/components/Divider'
import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron'
import {
ChevronRight_Stroke2_Corner0_Rounded as ChevronRight,
ChevronLeft_Stroke2_Corner0_Rounded as ChevronLeft,
} from '#/components/icons/Chevron'
import {SquareArrowTopRight_Stroke2_Corner0_Rounded as SquareArrowTopRight} from '#/components/icons/SquareArrowTopRight'
import {ReportDialogProps} from './types'
@ -28,6 +31,7 @@ export function SelectReportOptionView({
}: ReportDialogProps & {
labelers: AppBskyLabelerDefs.LabelerViewDetailed[]
onSelectReportOption: (reportOption: ReportOption) => void
goBack: () => void
}) {
const t = useTheme()
const {_} = useLingui()
@ -60,6 +64,18 @@ export function SelectReportOptionView({
return (
<View style={[a.gap_lg]}>
{props.labelers?.length > 1 ? (
<Button
size="small"
variant="solid"
color="secondary"
shape="round"
label={_(msg`Go back to previous step`)}
onPress={props.goBack}>
<ButtonIcon icon={ChevronLeft} />
</Button>
) : null}
<View style={[a.justify_center, a.gap_sm]}>
<Text style={[a.text_2xl, a.font_bold]}>{i18n.title}</Text>
<Text style={[a.text_md, t.atoms.text_contrast_medium]}>