♻️(frontend) extract recording hooks into a dedicated folder

Extract code elements related to recording into a dedicated folder.

src/frontend/src/features/recording/hooks/useHasRecordingAccess.ts

@@ -2,7 +2,7 @@ import { useFeatureFlagEnabled } from 'posthog-js/react'
 import { useIsAnalyticsEnabled } from '@/features/analytics/hooks/useIsAnalyticsEnabled'
 import { RecordingMode } from '@/features/rooms/api/startRecording'
 import { useIsRecordingModeEnabled } from './useIsRecordingModeEnabled'
-import { useIsAdminOrOwner } from './useIsAdminOrOwner'
+import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
 
 export const useHasRecordingAccess = (
   mode: RecordingMode,

src/frontend/src/features/recording/index.ts

@@ -0,0 +1,7 @@
+export { useIsRecordingModeEnabled } from './hooks/useIsRecordingModeEnabled'
+export {
+  useIsScreenRecordingStarted,
+  useIsTranscriptStarted,
+} from './hooks/useIsRecordingStarted'
+export { useIsRecordingTransitioning } from './hooks/useIsRecordingTransitioning'
+export { useHasRecordingAccess } from './hooks/useHasRecordingAccess'

src/frontend/src/features/rooms/livekit/components/ScreenRecording.tsx

@@ -16,11 +16,11 @@ import { NotificationPayload } from '@/features/notifications/NotificationPayloa
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
 import { CRISP_HELP_ARTICLE_RECORDING } from '@/utils/constants'
-import { useIsRecordingTransitioning } from '../hooks/useIsRecordingTransitioning'
 import {
+  useIsRecordingTransitioning,
   useIsScreenRecordingStarted,
   useIsTranscriptStarted,
-} from '../hooks/useIsRecordingStarted'
+} from '@/features/recording'
 
 export const ScreenRecording = () => {
   const [isLoading, setIsLoading] = useState(false)

src/frontend/src/features/rooms/livekit/components/Tools.tsx

@@ -5,11 +5,11 @@ import { useTranslation } from 'react-i18next'
 import { CRISP_HELP_ARTICLE_MORE_TOOLS } from '@/utils/constants'
 import { ReactNode } from 'react'
 import { Transcript } from './Transcript'
-import { useIsRecordingModeEnabled } from '../hooks/useIsRecordingModeEnabled'
 import { RiFileTextFill, RiLiveFill } from '@remixicon/react'
 import { SubPanelId, useSidePanel } from '../hooks/useSidePanel'
 import { ScreenRecording } from './ScreenRecording'
 import { RecordingMode } from '@/features/rooms/api/startRecording'
+import { useIsRecordingModeEnabled } from '@/features/recording'
 
 export interface ToolsButtonProps {
   icon: ReactNode

src/frontend/src/features/rooms/livekit/components/Transcript.tsx

@@ -15,16 +15,16 @@ import { useTranslation } from 'react-i18next'
 import { NotificationPayload } from '@/features/notifications/NotificationPayload'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
-import { useHasRecordingAccess } from '../hooks/useHasScreenRecordingAccess'
 import {
   BETA_USERS_FORM_URL,
   CRISP_HELP_ARTICLE_TRANSCRIPT,
 } from '@/utils/constants'
-import { useIsRecordingTransitioning } from '../hooks/useIsRecordingTransitioning'
 import {
   useIsScreenRecordingStarted,
   useIsTranscriptStarted,
-} from '../hooks/useIsRecordingStarted'
+  useIsRecordingTransitioning,
+  useHasRecordingAccess,
+} from '@/features/recording'
 
 export const Transcript = () => {
   const [isLoading, setIsLoading] = useState(false)