Browse Source

ref(replays): Rename files related to the replay list page (#50780)

Pulled `container.tsx` out & renamed to `list.tsx`. Pushed two files
into the `replays/list/` folder: `replaySearchBar.tsx` and `filters.tsx`
because they are list specific.

Now our 2 views: `list.tsx` and `details.tsx` along with the
view-wrapper `index.tsx` are all on the same level in the views folder.
Everything else is in a `views/replays/**/*` or
`components/replays/**/*`.
Ryan Albrecht 1 year ago
parent
commit
cb08ffb8ca

+ 3 - 3
static/app/routes.tsx

@@ -1347,7 +1347,7 @@ function buildRoutes() {
 
   const replayChildRoutes = (
     <Fragment>
-      <IndexRoute component={make(() => import('sentry/views/replays/list/container'))} />
+      <IndexRoute component={make(() => import('sentry/views/replays/list'))} />
       <Route
         path=":replaySlug/"
         component={make(() => import('sentry/views/replays/details'))}
@@ -1359,7 +1359,7 @@ function buildRoutes() {
       {usingCustomerDomain && (
         <Route
           path="/replays/"
-          component={withDomainRequired(make(() => import('sentry/views/replays')))}
+          component={withDomainRequired(make(() => import('sentry/views/replays/index')))}
           key="orgless-replays-route"
         >
           {replayChildRoutes}
@@ -1367,7 +1367,7 @@ function buildRoutes() {
       )}
       <Route
         path="/organizations/:orgId/replays/"
-        component={withDomainRedirect(make(() => import('sentry/views/replays')))}
+        component={withDomainRedirect(make(() => import('sentry/views/replays/index')))}
         key="org-replays"
       >
         {replayChildRoutes}

+ 1 - 1
static/app/views/replays/list/container.tsx → static/app/views/replays/list.tsx

@@ -5,7 +5,7 @@ import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle';
 import {t} from 'sentry/locale';
 import useReplayPageview from 'sentry/utils/replays/hooks/useReplayPageview';
 import useOrganization from 'sentry/utils/useOrganization';
-import ReplaysFilters from 'sentry/views/replays/filters';
+import ReplaysFilters from 'sentry/views/replays/list/filters';
 import ReplaysList from 'sentry/views/replays/list/replaysList';
 
 function ReplaysListContainer() {

+ 1 - 1
static/app/views/replays/filters.tsx → static/app/views/replays/list/filters.tsx

@@ -10,7 +10,7 @@ import {decodeScalar} from 'sentry/utils/queryString';
 import {useLocation} from 'sentry/utils/useLocation';
 import useOrganization from 'sentry/utils/useOrganization';
 import usePageFilters from 'sentry/utils/usePageFilters';
-import ReplaySearchBar from 'sentry/views/replays/replaySearchBar';
+import ReplaySearchBar from 'sentry/views/replays/list/replaySearchBar';
 
 function ReplaysFilters() {
   const {selection} = usePageFilters();

+ 0 - 0
static/app/views/replays/replaySearchBar.tsx → static/app/views/replays/list/replaySearchBar.tsx