refactor: organise API around resources (#798)

apps/client/src/features/app-settings/panel/project-panel/ProjectCreateForm.tsx

@@ -1,9 +1,11 @@
 import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { Button, Input, Textarea } from '@chakra-ui/react';
+import { useQueryClient } from '@tanstack/react-query';
 
-import { maybeAxiosError } from '../../../../common/api/apiUtils';
-import { createProject } from '../../../../common/api/ontimeApi';
+import { PROJECT_LIST } from '../../../../common/api/constants';
+import { createProject } from '../../../../common/api/db';
+import { maybeAxiosError } from '../../../../common/api/utils';
 import * as Panel from '../PanelUtils';
 
 import style from './ProjectPanel.module.scss';
@@ -25,6 +27,7 @@ export default function ProjectCreateForm(props: ProjectCreateFromProps) {
   const { onClose } = props;
 
   const [error, setError] = useState<string | null>(null);
+  const queryClient = useQueryClient();
 
   const {
     handleSubmit,
@@ -53,6 +56,7 @@ export default function ProjectCreateForm(props: ProjectCreateFromProps) {
         ...values,
         filename,
       });
+      await queryClient.invalidateQueries({ queryKey: PROJECT_LIST });
       onClose();
     } catch (error) {
       setError(maybeAxiosError(error));

apps/client/src/features/app-settings/panel/project-panel/ProjectListItem.tsx

@@ -2,7 +2,6 @@ import { useState } from 'react';
 import { IconButton, Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react';
 import { IoEllipsisHorizontal } from '@react-icons/all-files/io5/IoEllipsisHorizontal';
 
-import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/apiUtils';
 import {
   deleteProject,
   downloadCSV,
@@ -10,7 +9,8 @@ import {
   duplicateProject,
   loadProject,
   renameProject,
-} from '../../../../common/api/ontimeApi';
+} from '../../../../common/api/db';
+import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/utils';
 
 import ProjectForm, { ProjectFormValues } from './ProjectForm';
 

apps/client/src/features/app-settings/panel/project-panel/ProjectPanel.tsx

@@ -2,8 +2,8 @@ import { ChangeEvent, useRef, useState } from 'react';
 import { Button, Input } from '@chakra-ui/react';
 import { IoAdd } from '@react-icons/all-files/io5/IoAdd';
 
-import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/apiUtils';
-import { importProjectFile } from '../../../../common/api/ontimeApi';
+import { uploadProjectFile } from '../../../../common/api/db';
+import { invalidateAllCaches, maybeAxiosError } from '../../../../common/api/utils';
 import { validateProjectFile } from '../../../../common/utils/uploadUtils';
 import * as Panel from '../PanelUtils';
 
@@ -37,7 +37,7 @@ export default function ProjectPanel() {
 
     try {
       validateProjectFile(selectedFile);
-      await importProjectFile(selectedFile);
+      await uploadProjectFile(selectedFile);
     } catch (error) {
       const errorMessage = maybeAxiosError(error);
       setError(`Error uploading file: ${errorMessage}`);
@@ -48,6 +48,10 @@ export default function ProjectPanel() {
     setLoading(null);
   };
 
+  const handleCloseForm = () => {
+    setIsCreatingProject(false);
+  };
+
   return (
     <>
       <Panel.Header>Project</Panel.Header>
@@ -85,7 +89,7 @@ export default function ProjectPanel() {
             </div>
           </Panel.SubHeader>
           {error && <Panel.Error>{error}</Panel.Error>}
-          {isCreatingProject && <ProjectCreateForm onClose={() => setIsCreatingProject(false)} />}
+          {isCreatingProject && <ProjectCreateForm onClose={handleCloseForm} />}
           <ProjectList />
         </Panel.Card>
       </Panel.Section>