Skip to content
This repository has been archived by the owner on Jul 2, 2024. It is now read-only.

EVG-20806 Refactor Files Table to use LG table component #2027

Closed
wants to merge 18 commits into from
Closed
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update filter function
khelif96 committed Sep 8, 2023
commit eb81f50f9788d939dbc214c26690e44ff5177f15
22 changes: 15 additions & 7 deletions src/pages/task/taskTabs/FileTableTab/index.tsx
Original file line number Diff line number Diff line change
@@ -30,15 +30,23 @@ const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
);
const { taskFiles } = data?.task ?? {};

const filteredFiles = taskFiles?.groupedFiles?.map((groupedFile) => ({
...groupedFile,
files: groupedFile?.files?.filter((file) =>
const { groupedFiles = [] } = taskFiles ?? {};
const filteredGroupedFiles = groupedFiles.reduce((acc, groupedFile) => {
const filteredFiles = groupedFile?.files?.filter((file) =>
file?.name?.toLowerCase().includes(search.toLowerCase())
),
}));
);
if (filteredFiles?.length) {
acc.push({
...groupedFile,
files: filteredFiles,
});
}
return acc;
}, [] as (typeof taskFiles)["groupedFiles"]);

// We only want to show the file group name if there are multiple file groups.
const hasMultipleFileGroups = taskFiles?.groupedFiles?.length > 1;
const hasMultipleFileGroups = groupedFiles.length > 1;

return loading ? (
<FilesTableTabSkeleton />
) : (
@@ -49,7 +57,7 @@ const FilesTableTab: React.FC<FilesTableTabProps> = ({ execution, taskId }) => {
onChange={(e) => setSearch(e.target.value)}
value={search}
/>
{filteredFiles?.map((groupedFile) => (
{filteredGroupedFiles.map((groupedFile) => (
<GroupedFilesTable
key={groupedFile?.taskName}
files={groupedFile?.files}