diff --git a/frontend/src/common/components/tabs/TabsList.scss b/frontend/src/common/components/tabs/TabsList.scss index 76796bde9..0f3faf35f 100644 --- a/frontend/src/common/components/tabs/TabsList.scss +++ b/frontend/src/common/components/tabs/TabsList.scss @@ -26,7 +26,6 @@ opacity: 1; padding: 0.875rem 0; } - &__count { font-size: 0.875rem; color: $bc-black; diff --git a/frontend/src/common/components/tabs/TabsList.tsx b/frontend/src/common/components/tabs/TabsList.tsx index 8171e20b2..47a48170c 100644 --- a/frontend/src/common/components/tabs/TabsList.tsx +++ b/frontend/src/common/components/tabs/TabsList.tsx @@ -1,4 +1,4 @@ -import { Chip, Tab, Tabs } from "@mui/material"; +import { Tab, Tabs } from "@mui/material"; import "./TabsList.scss"; import { TabComponentProps } from "./types/TabComponentProps"; @@ -28,21 +28,33 @@ export const TabsList = ({ scrollButtons="auto" aria-label="scrollable profile tabs" > - {componentList.map(({ label, count }, index) => { - return ( - -
{label}
- {count ? : null} - - } - {...TabProps(index)} - /> - ); - })} + {componentList.map( + ( + { + label, + // TODO remove this if we no longer need tab counters + // count + }, + index, + ) => { + return ( + +
{label}
+ { + // TODO remove this if we no longer need tab counters + /* {count ? : null} */ + } + + } + {...TabProps(index)} + /> + ); + }, + )} ); }; diff --git a/frontend/src/features/permits/components/dashboard/PermitLists.tsx b/frontend/src/features/permits/components/dashboard/PermitLists.tsx index 41f171896..a888cb4e5 100644 --- a/frontend/src/features/permits/components/dashboard/PermitLists.tsx +++ b/frontend/src/features/permits/components/dashboard/PermitLists.tsx @@ -1,21 +1,14 @@ -import React, { useState } from "react"; - +import React from "react"; import { TabLayout } from "../../../../common/components/dashboard/TabLayout"; import { StartApplicationAction } from "../../pages/Application/components/dashboard/StartApplicationAction"; import { ActivePermitList } from "../permit-list/ActivePermitList"; import { ExpiredPermitList } from "../permit-list/ExpiredPermitList"; import { ApplicationsInProgressList } from "../permit-list/ApplicationsInProgressList"; import { ApplicationsInReviewList } from "../permit-list/ApplicationsInReviewList"; -import { Nullable } from "../../../../common/types/common"; import { usePermissionMatrix } from "../../../../common/authentication/PermissionMatrix"; import { RenderIf } from "../../../../common/components/reusable/RenderIf"; export const PermitLists = React.memo(() => { - const [applicationsInProgressCount, setApplicationsInProgressCount] = - useState>(); - const handleApplicationsCountChange = (count: number) => { - setApplicationsInProgressCount(count); - }; const tabs = []; const showApplicationsInProgressTab = usePermissionMatrix({ @@ -28,12 +21,7 @@ export const PermitLists = React.memo(() => { if (showApplicationsInProgressTab) { tabs.push({ label: "Applications in Progress", - count: applicationsInProgressCount, - component: ( - - ), + component: , }); } diff --git a/frontend/src/features/permits/components/permit-list/ApplicationsInProgressList.tsx b/frontend/src/features/permits/components/permit-list/ApplicationsInProgressList.tsx index 530e7e90c..9f5c83c12 100644 --- a/frontend/src/features/permits/components/permit-list/ApplicationsInProgressList.tsx +++ b/frontend/src/features/permits/components/permit-list/ApplicationsInProgressList.tsx @@ -42,11 +42,7 @@ const getColumns = ( return ApplicationInProgressColumnDefinition(userRole); }; -export const ApplicationsInProgressList = ({ - onCountChange, -}: { - onCountChange: (count: number) => void; -}) => { +export const ApplicationsInProgressList = () => { const { applicationsInProgressQuery, pagination, @@ -82,7 +78,6 @@ export const ApplicationsInProgressList = ({ applicationsInProgress?.meta?.totalItems, ); setShowAIPTable(totalCount > 0); - onCountChange(totalCount); }, [applicationsInProgress?.meta?.totalItems]); const { idirUserDetails, userDetails } = useContext(OnRouteBCContext);