fix(draft): create new draft if user tries to upload cover

thematters · Oct 6, 2023 · 56f7893 · 56f7893
1 parent 7622a61
commit 56f7893
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/components/Editor/SetCover/Uploader.tsx b/src/components/Editor/SetCover/Uploader.tsx
@@ -17,7 +17,9 @@ import {
   TextIcon,
   toast,
   Translate,
+  useCreateDraft,
   useMutation,
+  useRoute,
   useUnloadConfirm,
 } from '~/components'
 import { updateDraftAssets } from '~/components/GQL'
@@ -76,6 +78,9 @@ const Uploader: React.FC<UploaderProps> = ({
     { showToast: false }
   )
 
+  const { isInPath } = useRoute()
+  const { createDraft } = useCreateDraft()
+
   const acceptTypes = ACCEPTED_UPLOAD_IMAGE_TYPES.join(',')
   const fieldId = 'editor-cover-upload-form'
 
@@ -95,6 +100,16 @@ const Uploader: React.FC<UploaderProps> = ({
     }
 
     try {
+      // create draft if not exist
+      const isInDraftDetail = isInPath('ME_DRAFT_DETAIL')
+      if (isInDraftDetail && !entityId) {
+        await createDraft({
+          onCreate: (newDraftId) => {
+            entityId = newDraftId
+          },
+        })
+      }
+
       const variables = {
         input: {
           file,