✨(frontend) add API to start/stop recording

API calls to interact with backend, minimal call. Might be improved.

src/frontend/src/api/useConfig.ts

@@ -1,12 +1,7 @@
 import { fetchApi } from './fetchApi'
 import { keys } from './queryKeys'
 import { useQuery } from '@tanstack/react-query'
-
+import { RecordingMode } from '@/features/rooms/api/startRecording'
-// todo - refactor it in a proper place
-export enum RecordingMode {
-  Transcript = 'transcript',
-  ScreenRecording = 'screen_recording',
-}
 
 export interface ApiConfig {
   analytics?: {

src/frontend/src/features/rooms/api/startRecording.ts

@@ -0,0 +1,35 @@
+import { useMutation, UseMutationOptions } from '@tanstack/react-query'
+import { fetchApi } from '@/api/fetchApi'
+import { ApiError } from '@/api/ApiError'
+import { ApiRoom } from './ApiRoom'
+
+export enum RecordingMode {
+  Transcript = 'transcript',
+  ScreenRecording = 'screen_recording',
+}
+
+export interface StartRecordingParams {
+  id: string
+  mode?: RecordingMode
+}
+
+const startRecording = ({
+  id,
+  mode = RecordingMode.Transcript,
+}: StartRecordingParams): Promise<ApiRoom> => {
+  return fetchApi(`rooms/${id}/start-recording/`, {
+    method: 'POST',
+    body: JSON.stringify({
+      mode: mode,
+    }),
+  })
+}
+
+export function useStartRecording(
+  options?: UseMutationOptions<ApiRoom, ApiError, StartRecordingParams>
+) {
+  return useMutation<ApiRoom, ApiError, StartRecordingParams>({
+    mutationFn: startRecording,
+    onSuccess: options?.onSuccess,
+  })
+}

src/frontend/src/features/rooms/api/stopRecording.ts

@@ -0,0 +1,23 @@
+import { useMutation, UseMutationOptions } from '@tanstack/react-query'
+import { fetchApi } from '@/api/fetchApi'
+import { ApiError } from '@/api/ApiError'
+import { ApiRoom } from './ApiRoom'
+
+export interface StopRecordingParams {
+  id: string
+}
+
+const stopRecording = ({ id }: StopRecordingParams): Promise<ApiRoom> => {
+  return fetchApi(`rooms/${id}/stop-recording/`, {
+    method: 'POST',
+  })
+}
+
+export function useStopRecording(
+  options?: UseMutationOptions<ApiRoom, ApiError, StopRecordingParams>
+) {
+  return useMutation<ApiRoom, ApiError, StopRecordingParams>({
+    mutationFn: stopRecording,
+    onSuccess: options?.onSuccess,
+  })
+}