fix: support .jcamp extensions

Closes: #2002

package.json

@@ -78,7 +78,7 @@
     "ml-stat": "^1.3.3",
     "multiplet-analysis": "^2.0.0",
     "nmr-correlation": "^2.3.3",
-    "nmr-load-save": "^0.7.5",
+    "nmr-load-save": "^0.7.6",
     "nmr-processing": "^9.3.2",
     "nmredata": "^0.9.2",
     "numeral": "^2.0.6",

src/component/modal/LoadJCAMPModal.tsx

@@ -53,7 +53,7 @@ const styles = css`
     }
   }
 `;
-const allowedExtensions = new Set(['dx', 'jdx']);
+const allowedExtensions = new Set(['dx', 'jdx', 'jcamp']);
 
 interface LoadJCAMPModalProps {
   onLoadClick: (element: any) => void;

src/component/toolbar/BasicToolBar.tsx

@@ -128,13 +128,15 @@ function BasicToolBarInner({
     saveAsHandler,
   } = useExport();
 
-  const LoadJacmpHandler = useCallback(
+  const LoadJcampHandler = useCallback(
     (file) => {
       if (file) {
         dispatch({ type: LOAD_JCAMP_FILE, files: [file] });
         modal.close();
       } else {
-        alert.error('you file must be one of those extensions [ .jdx, dx ] ');
+        alert.error(
+          'you file must be one of those extensions [ .jdx, .dx, .jcamp ] ',
+        );
       }
     },
     [alert, dispatch, modal],
@@ -148,13 +150,13 @@ function BasicToolBarInner({
   const importJCAMPFile = useCallback(() => {
     modal.show(
       <LoadJCAMPModal
-        onLoadClick={LoadJacmpHandler}
+        onLoadClick={LoadJcampHandler}
         onClose={() => modal.close()}
         startLoading={startLoadingHandler}
       />,
       {},
     );
-  }, [LoadJacmpHandler, modal, startLoadingHandler]);
+  }, [LoadJcampHandler, modal, startLoadingHandler]);
 
   const openImportPublicationStringModal = useCallback(() => {
     modal.show(

src/demo/layouts/Main.tsx

@@ -131,7 +131,8 @@ const Main = () => {
           break;
         }
         case 'dx':
-        case 'jdx': {
+        case 'jdx':
+        case 'jcamp': {
           setDashBoardType('single');
           setRoutes({
             isLoaded: true,