ref(replays): Move all the react hooks into one folder (#34915)

static/app/components/replays/replayContext.tsx

@@ -2,11 +2,11 @@ import React, {useCallback, useContext, useEffect, useRef, useState} from 'react
 import {useTheme} from '@emotion/react';
 import {Replayer, ReplayerEvents} from 'rrweb';
 
+import useRAF from 'sentry/utils/replays/hooks/useRAF';
 import type ReplayReader from 'sentry/utils/replays/replayReader';
 import usePrevious from 'sentry/utils/usePrevious';
 
 import HighlightReplayPlugin from './highlightReplayPlugin';
-import useRAF from './useRAF';
 
 type Dimensions = {height: number; width: number};
 type RootElem = null | HTMLDivElement;

static/app/components/replays/replayController.tsx

@@ -5,10 +5,10 @@ import Button from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
 import CompactSelect from 'sentry/components/forms/compactSelect';
 import {useReplayContext} from 'sentry/components/replays/replayContext';
-import useFullscreen from 'sentry/components/replays/useFullscreen';
 import {IconArrow, IconPause, IconPlay, IconRefresh, IconResize} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import space from 'sentry/styles/space';
+import useFullscreen from 'sentry/utils/replays/hooks/useFullscreen';
 
 import {formatTime} from './utils';
 

static/app/views/replays/detail/useActiveTabFromLocation.tsx → static/app/utils/replays/hooks/useActiveTabFromLocation.tsx

@@ -1,4 +1,4 @@
-import {isReplayTab, ReplayTabs} from '../types';
+import {isReplayTab, ReplayTabs} from 'sentry/views/replays/types';
 
 const DEFAULT_TAB = ReplayTabs.PERFORMANCE;
 

static/app/views/replays/detail/focusArea.tsx

@@ -6,6 +6,7 @@ import {useReplayContext} from 'sentry/components/replays/replayContext';
 import TagsTable from 'sentry/components/tagsTable';
 import type {Entry, Event} from 'sentry/types/event';
 import {EntryType} from 'sentry/types/event';
+import useActiveTabFromLocation from 'sentry/utils/replays/hooks/useActiveTabFromLocation';
 import ReplayReader from 'sentry/utils/replays/replayReader';
 import useOrganization from 'sentry/utils/useOrganization';
 import {useRouteContext} from 'sentry/utils/useRouteContext';
@@ -14,7 +15,6 @@ import Console from './console';
 import IssueList from './issueList';
 import MemoryChart from './memoryChart';
 import Trace from './trace';
-import useActiveTabFromLocation from './useActiveTabFromLocation';
 
 type Props = {
   replay: ReplayReader | null;

static/app/views/replays/detail/focusTabs.tsx

@@ -2,8 +2,7 @@ import React from 'react';
 
 import NavTabs from 'sentry/components/navTabs';
 import {t} from 'sentry/locale';
-
-import useActiveTabFromLocation from './useActiveTabFromLocation';
+import useActiveTabFromLocation from 'sentry/utils/replays/hooks/useActiveTabFromLocation';
 
 type Props = {};
 

static/app/views/replays/details.tsx

@@ -7,11 +7,11 @@ import * as Layout from 'sentry/components/layouts/thirds';
 import ReplayTimeline from 'sentry/components/replays/breadcrumbs/replayTimeline';
 import {Provider as ReplayContextProvider} from 'sentry/components/replays/replayContext';
 import ReplayView from 'sentry/components/replays/replayView';
-import useFullscreen from 'sentry/components/replays/useFullscreen';
 import {t} from 'sentry/locale';
 import {PageContent} from 'sentry/styles/organization';
 import space from 'sentry/styles/space';
-import useReplayData from 'sentry/utils/replays/useReplayData';
+import useFullscreen from 'sentry/utils/replays/hooks/useFullscreen';
+import useReplayData from 'sentry/utils/replays/hooks/useReplayData';
 import {useRouteContext} from 'sentry/utils/useRouteContext';
 
 import DetailLayout from './detail/detailLayout';