fix: Ensure that table css is always imported (#2748)

Ensure that all tables properly import css correctly.
codecov · Apr 5, 2024 · 7a86cc7 · 7a86cc7
1 parent 17177eb
commit 7a86cc7
Show file tree

Hide file tree

Showing 17 changed files with 30 additions and 11 deletions.
diff --git a/src/pages/AdminSettings/AdminAccess/AdminAccessTable/AdminAccessTable.tsx b/src/pages/AdminSettings/AdminAccess/AdminAccessTable/AdminAccessTable.tsx
@@ -9,9 +9,10 @@ import { useInView } from 'react-intersection-observer'
 
 import Spinner from 'ui/Spinner'
 
-import 'ui/Table/Table.css'
 import { useAdminAccessList } from './useAdminAccessList'
 
+import 'ui/Table/Table.css'
+
 type AdminAccessTableColumn = {
   name: string
   email: string

diff --git a/...tDetailPage/CommitCoverage/routes/FilesChangedTab/FilesChangedTable/FilesChangedTable.tsx b/...tDetailPage/CommitCoverage/routes/FilesChangedTab/FilesChangedTable/FilesChangedTable.tsx
@@ -22,9 +22,10 @@ import { OrderingDirection, OrderingParameter } from 'services/pull/usePull'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
-import 'ui/FileList/FileList.css'
 import TotalsNumber from 'ui/TotalsNumber'
 
+import 'ui/FileList/FileList.css'
+
 const CommitFileDiff = lazy(() => import('../shared/CommitFileDiff'))
 
 const columnHelper = createColumnHelper<ImpactedFileType>()

diff --git a/...age/CommitCoverage/routes/FilesChangedTab/FilesChangedTableTeam/FilesChangedTableTeam.tsx b/...age/CommitCoverage/routes/FilesChangedTab/FilesChangedTableTeam/FilesChangedTableTeam.tsx
@@ -23,6 +23,7 @@ import {
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
+
 import 'ui/FileList/FileList.css'
 
 const CommitFileDiff = lazy(() => import('../shared/CommitFileDiff'))

diff --git a/...ge/CommitCoverage/routes/IndirectChangesTab/IndirectChangesTable/IndirectChangesTable.tsx b/...ge/CommitCoverage/routes/IndirectChangesTab/IndirectChangesTable/IndirectChangesTable.tsx
@@ -20,9 +20,10 @@ import { ImpactedFileType, useCommit } from 'services/commit/useCommit'
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
-import 'ui/FileList/FileList.css'
 import TotalsNumber from 'ui/TotalsNumber'
 
+import 'ui/FileList/FileList.css'
+
 const CommitFileDiff = lazy(() => import('./CommitFileDiff'))
 
 const columnHelper = createColumnHelper<ImpactedFileType>()

diff --git a/...ullRequestPage/PullBundleAnalysis/PullBundleComparisonTable/PullBundleComparisonTable.tsx b/...ullRequestPage/PullBundleAnalysis/PullBundleComparisonTable/PullBundleComparisonTable.tsx
@@ -14,6 +14,7 @@ import { useParams } from 'react-router-dom'
 import { usePullBundleComparisonList } from 'services/pull/usePullBundleComparisonList'
 import { formatSizeToString } from 'shared/utils/bundleAnalysis'
 import Icon from 'ui/Icon'
+
 import 'ui/Table/Table.css'
 
 interface URLParams {

diff --git a/...ages/PullRequestPage/PullCoverage/routes/CommitsTab/CommitsTableTeam/CommitsTableTeam.tsx b/...ages/PullRequestPage/PullCoverage/routes/CommitsTab/CommitsTableTeam/CommitsTableTeam.tsx
@@ -13,6 +13,7 @@ import { useParams } from 'react-router-dom'
 import { useCommitsTeam } from 'services/commits'
 import { useRepoOverview } from 'services/repo'
 import Spinner from 'ui/Spinner'
+
 import 'ui/Table/Table.css'
 
 import { createCommitsTableTeamData } from './createCommitsTableTeamData'

diff --git a/src/pages/PullRequestPage/PullCoverage/routes/ComponentsTab/ComponentsTable.tsx b/src/pages/PullRequestPage/PullCoverage/routes/ComponentsTab/ComponentsTable.tsx
@@ -16,9 +16,10 @@ import TotalsNumber from 'ui/TotalsNumber'
 import ComponentsNotConfigured from './ComponentsNotConfigured'
 import { ComponentsComparison, useComponentComparison } from './hooks'
 
-import 'ui/Table/Table.css'
 import ComponentsSelector from '../ComponentsSelector'
 
+import 'ui/Table/Table.css'
+
 const Loader = () => (
   <div className="mb-4 flex justify-center pt-4">
     <Spinner />

diff --git a/.../PullCoverage/routes/FilesChangedTab/FilesChanged/FilesChangedTable/FilesChangedTable.tsx b/.../PullCoverage/routes/FilesChangedTab/FilesChanged/FilesChangedTable/FilesChangedTable.tsx
@@ -24,9 +24,10 @@ import {
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
-import 'ui/FileList/FileList.css'
 import TotalsNumber from 'ui/TotalsNumber'
 
+import 'ui/FileList/FileList.css'
+
 const PullFileDiff = lazy(() => import('../../shared/FileDiff'))
 
 const columnHelper = createColumnHelper<ImpactedFile>()

diff --git a/.../PullRequestPage/PullCoverage/routes/FilesChangedTab/FilesChanged/TableTeam/TableTeam.tsx b/.../PullRequestPage/PullCoverage/routes/FilesChangedTab/FilesChanged/TableTeam/TableTeam.tsx
@@ -23,6 +23,7 @@ import {
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
+
 import 'ui/FileList/FileList.css'
 
 const PullFileDiff = lazy(() => import('../../shared/FileDiff'))

diff --git a/src/pages/PullRequestPage/PullCoverage/routes/FlagsTab/FlagsTab.tsx b/src/pages/PullRequestPage/PullCoverage/routes/FlagsTab/FlagsTab.tsx
@@ -9,12 +9,13 @@ import isEmpty from 'lodash/isEmpty'
 import { useMemo } from 'react'
 import { useParams } from 'react-router-dom'
 
-import 'ui/Table/Table.css'
 import { FlagsComparison, usePull } from 'services/pull'
 import FlagsNotConfigured from 'shared/FlagsNotConfigured'
 import Spinner from 'ui/Spinner'
 import TotalsNumber from 'ui/TotalsNumber'
 
+import 'ui/Table/Table.css'
+
 const Loader = () => (
   <div className="mb-4 flex justify-center pt-4">
     <Spinner />

diff --git a/...Page/PullCoverage/routes/IndirectChangesTab/IndirectChangedFiles/IndirectChangedFiles.tsx b/...Page/PullCoverage/routes/IndirectChangesTab/IndirectChangedFiles/IndirectChangedFiles.tsx
@@ -15,9 +15,10 @@ import ToggleHeader from 'pages/PullRequestPage/Header/ToggleHeader/ToggleHeader
 import A from 'ui/A'
 import Icon from 'ui/Icon'
 import Spinner from 'ui/Spinner'
-import 'ui/FileList/FileList.css'
 import TotalsNumber from 'ui/TotalsNumber'
 
+import 'ui/FileList/FileList.css'
+
 import { useIndirectChangedFilesTable } from './hooks'
 import NameColumn from './NameColumn/NameColumn'
 

diff --git a/src/pages/RepoPage/CoverageTab/subroute/FileExplorer/CodeTreeTable/CodeTreeTable.tsx b/src/pages/RepoPage/CoverageTab/subroute/FileExplorer/CodeTreeTable/CodeTreeTable.tsx
@@ -15,6 +15,8 @@ import Icon from 'ui/Icon'
 import { useRepoBranchContentsTable } from '../hooks'
 import { Loader, RepoContentsResult } from '../shared'
 
+import 'ui/Table/Table.css'
+
 const columnHelper = createColumnHelper<Row>()
 
 function getOrderingDirection(sorting: Array<{ id: string; desc: boolean }>) {

diff --git a/src/pages/RepoPage/CoverageTab/subroute/FileExplorer/FileListTable/FileListTable.tsx b/src/pages/RepoPage/CoverageTab/subroute/FileExplorer/FileListTable/FileListTable.tsx
@@ -15,6 +15,8 @@ import Icon from 'ui/Icon'
 import { useRepoBranchContentsTable } from '../hooks'
 import { Loader, RepoContentsResult } from '../shared'
 
+import 'ui/Table/Table.css'
+
 const columnHelper = createColumnHelper<Row>()
 
 function getOrderingDirection(sorting: Array<{ id: string; desc: boolean }>) {

diff --git a/src/pages/RepoPage/PullsTab/PullsTable/PullsTable.tsx b/src/pages/RepoPage/PullsTab/PullsTable/PullsTable.tsx
@@ -12,14 +12,15 @@ import { useParams } from 'react-router-dom'
 
 import { useLocationParams } from 'services/navigation'
 import { usePulls } from 'services/pulls'
-import 'ui/Table/Table.css'
 import { useRepoOverview } from 'services/repo'
 import Spinner from 'ui/Spinner'
 
 import { createPullsTableData } from './createPullsTableData'
 
 import { orderingEnum } from '../enums'
 
+import 'ui/Table/Table.css'
+
 const Loader = () => (
   <div className="mb-4 flex justify-center pt-4">
     <Spinner />

diff --git a/src/pages/RepoPage/PullsTab/PullsTableTeam/PullsTableTeam.tsx b/src/pages/RepoPage/PullsTab/PullsTableTeam/PullsTableTeam.tsx
@@ -12,14 +12,15 @@ import { useParams } from 'react-router-dom'
 
 import { useLocationParams } from 'services/navigation'
 import { usePullsTeam } from 'services/pulls/usePullsTeam'
-import 'ui/Table/Table.css'
 import { useRepoOverview } from 'services/repo'
 import Spinner from 'ui/Spinner'
 
 import { createPullsTableTeamData } from './createPullsTableTeamData'
 
 import { orderingEnum } from '../enums'
 
+import 'ui/Table/Table.css'
+
 const Loader = () => (
   <div className="mb-4 flex justify-center pt-4">
     <Spinner />

diff --git a/src/shared/ListRepo/ReposTable/ReposTable.tsx b/src/shared/ListRepo/ReposTable/ReposTable.tsx
@@ -20,10 +20,11 @@ import Spinner from 'ui/Spinner'
 
 import { getReposColumnsHelper } from './getReposColumnsHelper'
 
-import 'ui/Table/Table.css'
 import { repoDisplayOptions } from '../ListRepo'
 import NoReposBlock from '../NoReposBlock'
 
+import 'ui/Table/Table.css'
+
 interface URLParams {
   provider: string
 }

diff --git a/src/shared/ListRepo/ReposTableTeam/ReposTableTeam.tsx b/src/shared/ListRepo/ReposTableTeam/ReposTableTeam.tsx
@@ -23,12 +23,13 @@ import { formatTimeToNow } from 'shared/utils/dates'
 import Button from 'ui/Button'
 import Icon from 'ui/Icon'
 
-import 'ui/Table/Table.css'
 import InactiveRepo from '../InactiveRepo'
 import { repoDisplayOptions } from '../ListRepo'
 import NoReposBlock from '../NoReposBlock'
 import RepoTitleLink from '../RepoTitleLink'
 
+import 'ui/Table/Table.css'
+
 export function getSortingOption(
   sorting: Array<{ id: string; desc: boolean }>
 ) {