src/pages/sign/index.tsx

@@ -10,7 +10,6 @@ import { useSelector } from 'react-redux'
 import { useLocation, useNavigate, useSearchParams } from 'react-router-dom'
 import { toast } from 'react-toastify'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
-import CopyModal from '../../components/copyModal'
 import { NostrController } from '../../controllers'
 import { appPublicRoutes } from '../../routes'
 import { State } from '../../store/rootReducer'
@@ -53,8 +52,6 @@ export const SignPage = () => {
 
   const [isLoading, setIsLoading] = useState(true)
   const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
-  const [openCopyModal, setOpenCopyModel] = useState(false)
-  const [textToCopy, setTextToCopy] = useState('')
 
   const [meta, setMeta] = useState<Meta | null>(null)
   const [signedStatus, setSignedStatus] = useState<SignedStatus>()
@@ -775,11 +772,12 @@ export const SignPage = () => {
 
     setLoadingSpinnerDesc('Encrypting zip file')
     const encryptedArrayBuffer = await encryptArrayBuffer(arrayBuffer, key)
-    const blob = new Blob([encryptedArrayBuffer])
-    saveAs(blob, 'exported.sigit')
 
-    setTextToCopy(key)
-    setOpenCopyModel(true)
+    const finalZipFile = await createFinalZipFile(encryptedArrayBuffer, key)
+
+    if (!finalZipFile) return
+
+    saveAs(finalZipFile, 'exported.sigit.zip')
   }
 
   /**
@@ -870,7 +868,7 @@ export const SignPage = () => {
             <Box className={styles.inputBlock}>
               <MuiFileInput
                 placeholder="Select file"
-                inputProps={{ accept: '.sigit' }}
+                inputProps={{ accept: '.sigit.zip' }}
                 value={selectedFile}
                 onChange={(value) => setSelectedFile(value)}
               />
@@ -928,12 +926,6 @@ export const SignPage = () => {
           </>
         )}
       </Box>
-      <CopyModal
-        open={openCopyModal}
-        handleClose={() => setOpenCopyModel(false)}
-        title="Decryption key for Sigit file"
-        textToCopy={textToCopy}
-      />
     </>
   )
 }