Add timestamp field to video report dialog (#11339)

src/components/Dialog/index.tsx

@@ -62,6 +62,7 @@ export const Input = createInput(TextInput)
 export function Outer({
   children,
   control,
+  onOpen,
   onClose,
   nativeOptions,
   testID,
@@ -97,9 +98,10 @@ export function Outer({
   const open = useCallback<DialogControlProps['open']>(() => {
     // Run any leftover callbacks that might have been queued up before calling `.open()`
     callQueuedCallbacks()
+    onOpen?.()
     setDialogIsOpen(control.id, true)
     ref.current?.present()
-  }, [setDialogIsOpen, control.id, callQueuedCallbacks])
+  }, [setDialogIsOpen, control.id, callQueuedCallbacks, onOpen])
 
   // This is the function that we call when we want to dismiss the dialog.
   const close = useCallback<DialogControlProps['close']>(cb => {

src/components/Dialog/index.web.tsx

@@ -52,6 +52,7 @@ const preventDefault = (e: any) => e.preventDefault()
 export function Outer({
   children,
   control,
+  onOpen,
   onClose,
   webOptions,
 }: React.PropsWithChildren<DialogOuterProps>) {
@@ -61,9 +62,10 @@ export function Outer({
   const {setDialogIsOpen} = useDialogStateControlContext()
 
   const open = useCallback(() => {
+    onOpen?.()
     setDialogIsOpen(control.id, true)
     setIsOpen(true)
-  }, [setIsOpen, setDialogIsOpen, control.id])
+  }, [setIsOpen, setDialogIsOpen, control.id, onOpen])
 
   const close = useCallback<DialogControlProps['close']>(
     cb => {

src/components/Dialog/types.ts

@@ -60,6 +60,7 @@ export type DialogControlOpenOptions = {
 
 export type DialogOuterProps = {
   control: DialogControlProps
+  onOpen?: () => void
   onClose?: () => void
   nativeOptions?: Omit<BottomSheetViewProps, 'children'>
   webOptions?: {