replace with new dialog

src/view/com/composer/videos/SelectVideoBtn.tsx

@@ -15,10 +15,11 @@ import {useVideoLibraryPermission} from '#/lib/hooks/usePermissions'
 import {getHostnameFromUrl} from '#/lib/strings/url-helpers'
 import {isWeb} from '#/platform/detection'
 import {isNative} from '#/platform/detection'
-import {useModalControls} from '#/state/modals'
 import {useSession} from '#/state/session'
 import {atoms as a, useTheme} from '#/alf'
 import {Button} from '#/components/Button'
+import {useDialogControl} from '#/components/Dialog'
+import {VerifyEmailDialog} from '#/components/dialogs/VerifyEmailDialog'
 import {VideoClip_Stroke2_Corner0_Rounded as VideoClipIcon} from '#/components/icons/VideoClip'
 import * as Prompt from '#/components/Prompt'
 
@@ -121,9 +122,10 @@ export function SelectVideoBtn({onSelectVideo, disabled, setError}: Props) {
 
 function VerifyEmailPrompt({control}: {control: Prompt.PromptControlProps}) {
   const {_} = useLingui()
-  const {openModal} = useModalControls()
+  const verifyEmailDialogControl = useDialogControl()
 
   return (
+    <>
       <Prompt.Basic
         control={control}
         title={_(msg`Verified email required`)}
@@ -133,14 +135,11 @@ function VerifyEmailPrompt({control}: {control: Prompt.PromptControlProps}) {
         confirmButtonCta={_(msg`Verify now`)}
         confirmButtonColor="primary"
         onConfirm={() => {
-        control.close(() => {
+          verifyEmailDialogControl.open()
-          openModal({
-            name: 'verify-email',
-            showReminder: false,
-          })
-        })
         }}
       />
+      <VerifyEmailDialog control={verifyEmailDialogControl} />
+    </>
   )
 }