Update types, fork copy for convo vs message

src/components/dms/MessageContextMenu.tsx

@@ -15,11 +15,11 @@ import {useSession} from '#/state/session'
 import * as Toast from '#/view/com/util/Toast'
 import * as ContextMenu from '#/components/ContextMenu'
 import {type TriggerProps} from '#/components/ContextMenu/types'
-import {ReportDialog} from '#/components/dms/ReportDialog'
 import {BubbleQuestion_Stroke2_Corner0_Rounded as Translate} from '#/components/icons/Bubble'
 import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard'
 import {Trash_Stroke2_Corner0_Rounded as Trash} from '#/components/icons/Trash'
 import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'
+import {ReportDialog} from '#/components/moderation/ReportDialog'
 import * as Prompt from '#/components/Prompt'
 import {usePromptControl} from '#/components/Prompt'
 import {EmojiReactionPicker} from './EmojiReactionPicker'
@@ -171,9 +171,13 @@ export let MessageContextMenu = ({
       </ContextMenu.Root>
 
       <ReportDialog
-        currentScreen="conversation"
+        // currentScreen="conversation"
-        params={{type: 'convoMessage', convoId: convo.convo.id, message}}
         control={reportControl}
+        subject={{
+          view: 'message',
+          convoId: convo.convo.id,
+          message,
+        }}
       />
 
       <Prompt.Basic

src/components/moderation/ReportDialog/action.ts

@@ -85,7 +85,7 @@ export function useSubmitReportMutation() {
           }
           break
         }
-        case 'chatMessage': {
+        case 'convoMessage': {
           report = {
             reasonType,
             reason: state.details,

src/components/moderation/ReportDialog/copy.ts

@@ -38,12 +38,22 @@ export function useCopyForSubject(subject: ParsedReportSubject) {
           subtitle: _(msg`Why should this starter pack be reviewed?`),
         }
       }
-      case 'chatMessage': {
+      case 'convoMessage': {
+        switch (subject.view) {
+          case 'convo': {
+            return {
+              title: _(msg`Report this conversation`),
+              subtitle: _(msg`Why should this conversation be reviewed?`),
+            }
+          }
+          case 'message': {
             return {
               title: _(msg`Report this message`),
               subtitle: _(msg`Why should this message be reviewed?`),
             }
           }
         }
+      }
+    }
   }, [_, subject])
 }

src/components/moderation/ReportDialog/index.tsx

@@ -124,7 +124,7 @@ function Inner(props: ReportDialogProps) {
         if (subjectTypes === undefined) return true
         if (props.subject.type === 'account') {
           return subjectTypes.includes('account')
-        } else if (props.subject.type === 'chatMessage') {
+        } else if (props.subject.type === 'convoMessage') {
           return subjectTypes.includes('chat')
         } else {
           return subjectTypes.includes('record')
@@ -134,7 +134,7 @@ function Inner(props: ReportDialogProps) {
         const collections: string[] | undefined = l.subjectCollections
         if (collections === undefined) return true
         // all chat collections accepted, since only Bluesky handles chats
-        if (props.subject.type === 'chatMessage') return true
+        if (props.subject.type === 'convoMessage') return true
         return collections.includes(props.subject.nsid)
       })
       .filter(l => {

src/components/moderation/ReportDialog/types.ts

@@ -8,6 +8,12 @@ import {
 
 import type * as Dialog from '#/components/Dialog'
 
+export type ReportSubjectConvo = {
+  view: 'convo' | 'message'
+  convoId: string
+  message: ChatBskyConvoDefs.MessageView
+}
+
 export type ReportSubject =
   | $Typed<AppBskyActorDefs.ProfileViewBasic>
   | $Typed<AppBskyActorDefs.ProfileView>
@@ -16,7 +22,7 @@ export type ReportSubject =
   | $Typed<AppBskyFeedDefs.GeneratorView>
   | $Typed<AppBskyGraphDefs.StarterPackView>
   | $Typed<AppBskyFeedDefs.PostView>
-  | {convoId: string; message: ChatBskyConvoDefs.MessageView}
+  | ReportSubjectConvo
 
 export type ParsedReportSubject =
   | {
@@ -55,11 +61,9 @@ export type ParsedReportSubject =
       did: string
       nsid: string
     }
-  | {
+  | ({
-      type: 'chatMessage'
+      type: 'convoMessage'
-      convoId: string
+    } & ReportSubjectConvo)
-      message: ChatBskyConvoDefs.MessageView
-    }
 
 export type ReportDialogProps = {
   control: Dialog.DialogOuterProps['control']

src/components/moderation/ReportDialog/utils/parseReportSubject.ts

@@ -18,7 +18,7 @@ export function parseReportSubject(
 
   if ('convoId' in subject) {
     return {
-      type: 'chatMessage',
+      type: 'convoMessage',
       ...subject,
     }
   }