From 5f9fda46e8e1ee04f3ffbbf0f0f9f48e8b49e55b Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Sun, 23 Feb 2025 18:06:43 -0600
Subject: [PATCH] Fill in states

---
 .../moderation/ReportDialog/index.tsx         | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/moderation/ReportDialog/index.tsx b/src/components/moderation/ReportDialog/index.tsx
index f847a9d490..edbc01d0c8 100644
--- a/src/components/moderation/ReportDialog/index.tsx
+++ b/src/components/moderation/ReportDialog/index.tsx
@@ -237,7 +237,7 @@ function Inner(props: ReportDialogProps) {
                     <LabelerCard labeler={state.selectedLabeler} />
                   </View>
                   <Button
-                    label={_(msg`Change report reason`)}
+                    label={_(msg`Change moderation service`)}
                     size="tiny"
                     variant="solid"
                     color="secondary"
@@ -254,19 +254,22 @@ function Inner(props: ReportDialogProps) {
                     <View style={[a.gap_sm]}>
                       {supportedLabelers.map(l => (
                         <LabelerCard
-                          // @ts-expect-error TODO
                           key={l.creator.did}
-                          // @ts-expect-error TODO
                           labeler={l}
                           onSelect={() => {
-                            // @ts-expect-error TODO
                             dispatch({type: 'selectLabeler', labeler: l})
                           }}
                         />
                       ))}
                     </View>
                   ) : (
-                    <Text>TODO</Text>
+                    // should never happen in our app
+                    <Admonition type="warning">
+                      <Trans>
+                        Unfortunately, none of your subscribed labelers supports
+                        this report type.
+                      </Trans>
+                    </Admonition>
                   )}
                 </>
               )}
@@ -289,17 +292,17 @@ function Inner(props: ReportDialogProps) {
                     <Text style={[a.font_bold, a.leading_snug]}>
                       {state.selectedLabeler?.creator.displayName}
                     </Text>
-                    .{' '}
-                    {!state.detailsOpen ? (
-                      <InlineLinkText
-                        label={_(msg`Add more details`)}
-                        {...createStaticClick(() => {
-                          dispatch({type: 'showDetails'})
-                        })}>
-                        Add more details (optional)
-                      </InlineLinkText>
-                    ) : null}
-                  </Trans>
+                    .
+                  </Trans>{' '}
+                  {!state.detailsOpen ? (
+                    <InlineLinkText
+                      label={_(msg`Add more details (optional)`)}
+                      {...createStaticClick(() => {
+                        dispatch({type: 'showDetails'})
+                      })}>
+                      <Trans>Add more details (optional)</Trans>
+                    </InlineLinkText>
+                  ) : null}
                 </Text>
 
                 {state.detailsOpen && (
@@ -310,7 +313,7 @@ function Inner(props: ReportDialogProps) {
                       onChangeText={details => {
                         dispatch({type: 'setDetails', details})
                       }}
-                      label={_(msg`Additional details`)}
+                      label={_(msg`Additional details (limit 300 characters)`)}
                       style={{paddingRight: 60}}
                       numberOfLines={4}
                     />