V2 fix offline (#294)

* fix: resolve path to UI build in dev

* fix: configure offline fetching

apps/client/src/common/hooks/useEventAction.ts

@@ -36,6 +36,7 @@ export const useEventAction = () => {
     onSettled: () => {
       queryClient.invalidateQueries(RUNDOWN_TABLE);
     },
+    networkMode: 'always',
   });
 
   type AddOptions = {
@@ -43,7 +44,7 @@ export const useEventAction = () => {
     startTimeIsLastEnd?: boolean;
     lastEventId?: string;
     after?: string;
-  }
+  };
 
   /**
    * Adds an event to rundown
@@ -52,7 +53,6 @@ export const useEventAction = () => {
     async (event: Partial<OntimeRundownEntry>, options?: AddOptions) => {
       const newEvent: Partial<OntimeRundownEntry> = { ...event };
 
-
       // ************* CHECK OPTIONS
       // there is an option to pass an index of an array to use as start time
       // only events have options
@@ -91,7 +91,7 @@ export const useEventAction = () => {
         // @ts-expect-error we know that the event here is one of the defined types
         await _addEventMutation.mutateAsync(newEvent);
       } catch (error) {
-        if(!axios.isAxiosError(error)){
+        if (!axios.isAxiosError(error)) {
           emitError(`Error fetching data: ${(error as AxiosError).message}`);
         } else {
           emitError(`Error fetching data: ${error}`);
@@ -130,6 +130,7 @@ export const useEventAction = () => {
     onSettled: async () => {
       await queryClient.invalidateQueries([RUNDOWN_TABLE_KEY]);
     },
+    networkMode: 'always',
   });
 
   /**
@@ -140,12 +141,11 @@ export const useEventAction = () => {
       try {
         await _updateEventMutation.mutateAsync(event);
       } catch (error) {
-        if(!axios.isAxiosError(error)){
+        if (!axios.isAxiosError(error)) {
           emitError(`Error updating event: ${(error as AxiosError).message}`);
         } else {
           emitError(`Error updating event: ${error}`);
         }
-
       }
     },
     [_updateEventMutation, emitError],
@@ -182,6 +182,7 @@ export const useEventAction = () => {
     onSettled: () => {
       queryClient.invalidateQueries(RUNDOWN_TABLE);
     },
+    networkMode: 'always',
   });
 
   /**
@@ -191,8 +192,8 @@ export const useEventAction = () => {
     async (eventId: string) => {
       try {
         await _deleteEventMutation.mutateAsync(eventId);
-      } catch (error)  {
-        if(!axios.isAxiosError(error)){
+      } catch (error) {
+        if (!axios.isAxiosError(error)) {
           emitError(`Error deleting event: ${(error as AxiosError).message}`);
         } else {
           emitError(`Error deleting event: ${error}`);
@@ -231,6 +232,7 @@ export const useEventAction = () => {
     onSettled: () => {
       queryClient.invalidateQueries(RUNDOWN_TABLE);
     },
+    networkMode: 'always',
   });
 
   /**
@@ -240,7 +242,7 @@ export const useEventAction = () => {
     try {
       await _deleteAllEventsMutation.mutateAsync();
     } catch (error) {
-      if(!axios.isAxiosError(error)){
+      if (!axios.isAxiosError(error)) {
         emitError(`Error deleting events: ${(error as AxiosError).message}`);
       } else {
         emitError(`Error deleting events: ${error}`);
@@ -257,6 +259,7 @@ export const useEventAction = () => {
     onSettled: () => {
       queryClient.invalidateQueries(RUNDOWN_TABLE);
     },
+    networkMode: 'always',
   });
 
   /**
@@ -267,7 +270,7 @@ export const useEventAction = () => {
       try {
         await _applyDelayMutation.mutateAsync(delayEventId);
       } catch (error) {
-        if(!axios.isAxiosError(error)){
+        if (!axios.isAxiosError(error)) {
           emitError(`Error applying delay: ${(error as AxiosError).message}`);
         } else {
           emitError(`Error applying delay: ${error}`);
@@ -310,6 +313,7 @@ export const useEventAction = () => {
     onSettled: () => {
       queryClient.invalidateQueries(RUNDOWN_TABLE);
     },
+    networkMode: 'always',
   });
 
   /**
@@ -325,7 +329,7 @@ export const useEventAction = () => {
         };
         await _reorderEventMutation.mutateAsync(reorderObject);
       } catch (error) {
-        if(!axios.isAxiosError(error)){
+        if (!axios.isAxiosError(error)) {
           emitError(`Error re-ordering event: ${(error as AxiosError).message}`);
         } else {
           emitError(`Error re-ordering event: ${error}`);