Merge pull request #3611 from bcgov/NDT-530-Add-status-infographic-on…

…-All-Dashboard

feat: add status infographic on all dashboard

CHANGELOG.md

@@ -1,3 +1,9 @@
+# [1.200.0](https://github.com/bcgov/CONN-CCBC-portal/compare/v1.199.0...v1.200.0) (2024-10-18)
+
+### Features
+
+- add status infographic on all dashboard ([2da4a38](https://github.com/bcgov/CONN-CCBC-portal/commit/2da4a3818a166562a115025ee57febc721c77199))
+
 # [1.199.0](https://github.com/bcgov/CONN-CCBC-portal/compare/v1.198.0...v1.199.0) (2024-10-18)
 
 ### Features

app/components/AnalystDashboard/AllDashboard.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-shadow */
+/* eslint-disable react/jsx-pascal-case */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { graphql, useFragment } from 'react-relay';
 import styled from 'styled-components';
@@ -12,16 +14,21 @@ import {
   type MRT_SortingState,
   type MRT_VisibilityState,
   type MRT_ColumnSizingState,
+  MRT_ToggleFiltersButton,
+  MRT_ToggleDensePaddingButton,
+  MRT_ToggleFullScreenButton,
+  MRT_ShowHideColumnsButton,
 } from 'material-react-table';
 
 import RowCount from 'components/Table/RowCount';
 import AssignLead from 'components/Analyst/AssignLead';
 import StatusPill from 'components/StatusPill';
 import statusStyles from 'data/statusStyles';
 import Link from 'next/link';
+import StatusInformationIcon from 'components/Analyst/StatusInformationIcon';
 import ClearFilters from 'components/Table/ClearFilters';
 import type { AllDashboardTable_query$key } from '__generated__/AllDashboardTable_query.graphql';
-import { TableCellProps } from '@mui/material';
+import { Box, IconButton, TableCellProps } from '@mui/material';
 import { useFeature } from '@growthbook/growthbook-react';
 import getConfig from 'next/config';
 import {
@@ -620,6 +627,17 @@ const AllDashboardTable: React.FC<Props> = ({ query }) => {
       filterNumber,
       statusFilter,
     },
+    renderToolbarInternalActions: ({ table }) => (
+      <Box>
+        <IconButton size="small">
+          <StatusInformationIcon />
+        </IconButton>
+        <MRT_ToggleFiltersButton table={table} />
+        <MRT_ShowHideColumnsButton table={table} />
+        <MRT_ToggleDensePaddingButton table={table} />
+        <MRT_ToggleFullScreenButton table={table} />
+      </Box>
+    ),
     renderTopToolbarCustomActions: () => (
       <StyledTableHeader>
         <ClearFilters

db/sqitch.plan

@@ -708,3 +708,4 @@ clean_pre_cut_over_cbc_history 2024-10-15T23:26:47Z ,,, <ryohani89@NH504670> # R
 @1.197.5 2024-10-17T18:43:02Z CCBC Service Account <[email protected]> # release v1.197.5
 @1.198.0 2024-10-18T16:12:02Z CCBC Service Account <[email protected]> # release v1.198.0
 @1.199.0 2024-10-18T16:28:05Z CCBC Service Account <[email protected]> # release v1.199.0
+@1.200.0 2024-10-18T16:44:25Z CCBC Service Account <[email protected]> # release v1.200.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "CONN-CCBC-portal",
-  "version": "1.199.0",
+  "version": "1.200.0",
   "main": "index.js",
   "repository": "https://github.com/bcgov/CONN-CCBC-portal.git",
   "author": "Romer, Meherzad CITZ:EX <[email protected]>",