Rename filesTableTab to FilesTable

evergreen-ci · Sep 13, 2023 · 52a42b3 · 52a42b3
1 parent c23e7ea
commit 52a42b3
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 12 deletions.
diff --git a/src/components/Table/BaseTable.tsx b/src/components/Table/BaseTable.tsx
@@ -47,7 +47,6 @@ export const BaseTable = <T extends LGRowData>({
           </HeaderRow>
         ))}
       </TableHead>
-
       <TableBody>
         {table.getRowModel().rows.map((row) => (
           <Row key={row.id} row={row} data-cy={dataCyRow}>

diff --git a/src/pages/task/TaskTabs.tsx b/src/pages/task/TaskTabs.tsx
@@ -14,7 +14,7 @@ import { queryString } from "utils";
 import { BuildBaron } from "./taskTabs/BuildBaron";
 import { useBuildBaronVariables } from "./taskTabs/buildBaronAndAnnotations";
 import { ExecutionTasksTable } from "./taskTabs/ExecutionTasksTable";
-import FilesTableTab from "./taskTabs/FileTableTab";
+import FilesTable from "./taskTabs/FileTable";
 import { Logs } from "./taskTabs/Logs";
 import { TestsTable } from "./taskTabs/TestsTable";
 
@@ -115,7 +115,7 @@ export const TaskTabs: React.FC<TaskTabProps> = ({ isDisplayTask, task }) => {
         data-cy="task-files-tab"
         key="task-files-tab"
       >
-        <FilesTableTab taskId={id} execution={execution} />
+        <FilesTable taskId={id} execution={execution} />
       </Tab>
     ),
     [TaskTab.Annotations]: (

diff --git a/...dFilesTable/GroupedFilesTable.stories.tsx → ...dFilesTable/GroupedFilesTable.stories.tsx b/...dFilesTable/GroupedFilesTable.stories.tsx → ...dFilesTable/GroupedFilesTable.stories.tsx
diff --git a/.../FileTableTab/GroupedFilesTable/index.tsx → ...abs/FileTable/GroupedFilesTable/index.tsx b/.../FileTableTab/GroupedFilesTable/index.tsx → ...abs/FileTable/GroupedFilesTable/index.tsx
diff --git a/...ages/task/taskTabs/FileTableTab/index.tsx → src/pages/task/taskTabs/FileTable/index.tsx b/...ages/task/taskTabs/FileTableTab/index.tsx → src/pages/task/taskTabs/FileTable/index.tsx
@@ -3,19 +3,19 @@ import { useQuery } from "@apollo/client";
 import styled from "@emotion/styled";
 import { SearchInput } from "@leafygreen-ui/search-input";
 import { Skeleton, TableSkeleton } from "@leafygreen-ui/skeleton-loader";
-import { TablePlaceholder } from "components/Table/TablePlaceholder";
+import { Body } from "@leafygreen-ui/typography";
 import { size } from "constants/tokens";
 import { useToastContext } from "context/toast";
 import { TaskFilesQuery, TaskFilesQueryVariables } from "gql/generated/types";
 import { GET_TASK_FILES } from "gql/queries";
 import GroupedFilesTable from "./GroupedFilesTable";
 import { filterGroupedFiles } from "./utils";
 
-interface FilesTableTabProps {
+interface FilesTableProps {
   taskId: string;
   execution: number;
 }
-const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
+const FilesTable: React.FC<FilesTableProps> = ({ execution, taskId }) => {
   const [search, setSearch] = useState("");
   const dispatchToast = useToastContext();
   const { data, loading } = useQuery<TaskFilesQuery, TaskFilesQueryVariables>(
@@ -39,7 +39,7 @@ const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
   const hasMultipleFileGroups = groupedFiles.length > 1;
 
   return loading ? (
-    <FilesTableTabSkeleton />
+    <FilesTableSkeleton />
   ) : (
     <>
       <StyledSearchInput
@@ -49,9 +49,7 @@ const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
         value={search}
         data-cy="file-search-input"
       />
-      {filteredGroupedFiles.length === 0 && (
-        <TablePlaceholder message="No files found" />
-      )}
+      {filteredGroupedFiles.length === 0 && <Body>No files found</Body>}
       {filteredGroupedFiles.map((groupedFile) => (
         <GroupedFilesTable
           key={groupedFile?.taskName}
@@ -63,7 +61,7 @@ const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
   );
 };
 
-const FilesTableTabSkeleton = () => (
+const FilesTableSkeleton = () => (
   <>
     <Skeleton />
     <TableSkeleton numCols={1} numRows={5} />
@@ -73,4 +71,4 @@ const StyledSearchInput = styled(SearchInput)`
   margin-bottom: ${size.m};
   width: 400px;
 `;
-export default FilesTableTab;
+export default FilesTable;
diff --git a/...pages/task/taskTabs/FileTableTab/types.ts → src/pages/task/taskTabs/FileTable/types.ts b/...pages/task/taskTabs/FileTableTab/types.ts → src/pages/task/taskTabs/FileTable/types.ts
diff --git a/.../task/taskTabs/FileTableTab/utils.test.ts → ...ges/task/taskTabs/FileTable/utils.test.ts b/.../task/taskTabs/FileTableTab/utils.test.ts → ...ges/task/taskTabs/FileTable/utils.test.ts
diff --git a/...pages/task/taskTabs/FileTableTab/utils.ts → src/pages/task/taskTabs/FileTable/utils.ts b/...pages/task/taskTabs/FileTableTab/utils.ts → src/pages/task/taskTabs/FileTable/utils.ts