fix; osc subscriptions (#392)

* style: fix typo

* refactor: convert to typescript

* refactor: convert to typescript

* refactor: create patch for osc subscriptions

* fix: issue with subscription invalidation

apps/client/src/common/hooks-query/useOscSettings.ts

@@ -3,7 +3,7 @@ import { OSCSettings } from 'ontime-types';
 
 import { queryRefetchIntervalSlow } from '../../ontimeConfig';
 import { OSC_SETTINGS } from '../api/apiConstants';
-import { getOSC, postOSC } from '../api/ontimeApi';
+import { getOSC, postOSC, postOscSubscriptions } from '../api/ontimeApi';
 import { oscPlaceholderSettings } from '../models/OscSettings';
 import { ontimeQueryClient } from '../queryClient';
 
@@ -18,6 +18,7 @@ export default function useOscSettings() {
     networkMode: 'always',
   });
 
+  // we need to jump through some hoops because of the type op port
   return { data: data! as unknown as OSCSettings, status, isError, refetch };
 }
 
@@ -29,3 +30,11 @@ export function useOscSettingsMutation() {
   });
   return { isLoading, mutateAsync };
 }
+
+export function usePostOscSubscriptions() {
+  const { isLoading, mutateAsync } = useMutation({
+    mutationFn: postOscSubscriptions,
+    onSettled: () => ontimeQueryClient.invalidateQueries({ queryKey: OSC_SETTINGS }),
+  });
+  return { isLoading, mutateAsync };
+}