feat(client/import): implement import json from reactive resume v2

client/modals/dashboard/ImportExternalModal.tsx

@@ -24,6 +24,7 @@ const ImportExternalModal: React.FC = () => {
   const linkedinInputRef = useRef<HTMLInputElement>(null);
   const jsonResumeInputRef = useRef<HTMLInputElement>(null);
   const reactiveResumeInputRef = useRef<HTMLInputElement>(null);
+  const reactiveResumeV2InputRef = useRef<HTMLInputElement>(null);
 
   const { open: isOpen } = useAppSelector((state) => state.modal['dashboard.import-external']);
 
@@ -49,6 +50,11 @@ const ImportExternalModal: React.FC = () => {
         reactiveResumeInputRef.current.click();
         reactiveResumeInputRef.current.value = '';
       }
+    } else if (integration === 'reactive-resume-v2') {
+      if (reactiveResumeV2InputRef.current) {
+        reactiveResumeV2InputRef.current.click();
+        reactiveResumeV2InputRef.current.value = '';
+      }
     }
   };
 
@@ -171,7 +177,7 @@ const ImportExternalModal: React.FC = () => {
 
         <p className="mb-2">{t('modals.dashboard.import-external.reactive-resume.body')}</p>
 
-        <div>
+        <div className="flex gap-4">
           <Button
             variant="contained"
             disabled={isLoading}
@@ -181,6 +187,15 @@ const ImportExternalModal: React.FC = () => {
             {t('modals.dashboard.import-external.reactive-resume.actions.upload-json')}
           </Button>
 
+          <Button
+            variant="contained"
+            disabled={isLoading}
+            startIcon={<UploadFile />}
+            onClick={() => handleClick('reactive-resume-v2')}
+          >
+            {t('modals.dashboard.import-external.reactive-resume.actions.upload-json-v2')}
+          </Button>
+
           <input
             hidden
             type="file"
@@ -188,6 +203,14 @@ const ImportExternalModal: React.FC = () => {
             onChange={(event) => handleChange(event, 'reactive-resume')}
             accept="application/json"
           />
+
+          <input
+            hidden
+            type="file"
+            ref={reactiveResumeV2InputRef}
+            onChange={(event) => handleChange(event, 'reactive-resume-v2')}
+            accept="application/json"
+          />
         </div>
       </div>
     </BaseModal>

client/public/locales/en/modals.json

@@ -111,9 +111,10 @@
       },
       "reactive-resume": {
         "actions": {
-          "upload-json": "Upload JSON"
+          "upload-json": "Upload JSON",
+          "upload-json-v2": "Upload JSON from v2"
         },
-        "body": "If you have a JSON that was exported with the current version of Reactive Resume, you can import it back here to get an editable version again. Previous versions of Reactive Resume are unfortunately not supported at the moment.",
+        "body": "If you have a JSON that was exported with the current version of Reactive Resume, you can import it back here to get an editable version again.",
         "heading": "Import From Reactive Resume"
       }
     },