Close preferences modal after converting

Author: Rokt33r

src/components/PreferencesModal/StorageTab.tsx

@@ -147,7 +147,7 @@ const StorageEditPage = ({ storage }: StorageEditPageProps) => {
             <ConvertPouchStorageForm
               storageId={storage.id}
               storageName={storage.name}
-              onCancel={foldConvertPouchForm}
+              closeForm={foldConvertPouchForm}
             />
           )}
         </>

src/components/organisms/ConvertPouchStorageForm.tsx

@@ -14,21 +14,23 @@ import { join } from 'path'
 import { writeFile, prepareDirectory } from '../../lib/electronOnly'
 import { entries } from '../../lib/db/utils'
 import { useRouter } from '../../lib/router'
+import { usePreferences } from '../../lib/preferences'
 
 interface ConvertPouchStorageProps {
   storageId: string
   storageName: string
-  onCancel: () => void
+  closeForm: () => void
 }
 
 const ConvertPouchStorage = ({
   storageId,
   storageName,
-  onCancel,
+  closeForm,
 }: ConvertPouchStorageProps) => {
   const [newStorageName, setNewStorageName] = useState(
     `${storageName} - Converted`
   )
+  const { setClosed } = usePreferences()
   const [newStorageLocation, setNewStorageLocation] = useState('')
   const { storageMap, createStorage } = useDb()
   const [errorMessage, setErrorMessage] = useState<string | null>(null)
@@ -93,7 +95,7 @@ const ConvertPouchStorage = ({
         type: 'fs',
         location: newStorageLocation,
       })
-
+      setClosed(true)
       push(`/app/storages/${newStorage.id}`)
     } catch (error) {
       console.error(error)
@@ -105,9 +107,10 @@ const ConvertPouchStorage = ({
     newStorageLocation,
     newStorageName,
     createStorage,
+    setClosed,
     push,
   ])
-  console.log(errorMessage)
+
   return (
     <>
       <FormBlockquote variant={errorMessage == null ? 'primary' : 'danger'}>
@@ -131,7 +134,7 @@ const ConvertPouchStorage = ({
         <FormPrimaryButton onClick={cloneAndConvertStorage}>
           Convert to File System based Storage
         </FormPrimaryButton>
-        <FormSecondaryButton onClick={onCancel}>Cancel</FormSecondaryButton>
+        <FormSecondaryButton onClick={closeForm}>Cancel</FormSecondaryButton>
       </FormGroup>
     </>
   )