From 35c8ab3fd5fba73f6f99a7d36b80773a27def6eb Mon Sep 17 00:00:00 2001
From: Stephanos <s.faustmann@student.rug.nl>
Date: Wed, 8 Jan 2025 19:59:51 +0800
Subject: [PATCH] style: SonnarCloud Issues

---
 src/components/Grids/ZDSGrantCard.tsx                 | 11 +++--------
 src/components/Menu/MuiMenu/ZDSDropdown.tsx           |  2 +-
 src/components/Tables/MuiTables/ZDSTable.tsx          |  1 -
 .../Tables/TabulatorTables/ZDSTabulatorTable.tsx      |  2 +-
 src/components/Tables/TabulatorTables/data.ts         |  2 --
 5 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/Grids/ZDSGrantCard.tsx b/src/components/Grids/ZDSGrantCard.tsx
index 6f9a527..c1439da 100644
--- a/src/components/Grids/ZDSGrantCard.tsx
+++ b/src/components/Grids/ZDSGrantCard.tsx
@@ -4,6 +4,7 @@ import Divider from "@mui/material/Divider";
 import { GrantCardProps } from "./interface";
 import Typography from "@mui/material/Typography";
 import LocationIcon from "@mui/icons-material/LocationOn";
+import { formatFinancialValue } from "utils/formatFinancialValue";
 
 export const ZDSGrantCard: React.FC<GrantCardProps> = (
   props: GrantCardProps
@@ -75,12 +76,6 @@ export const ZDSGrantCard: React.FC<GrantCardProps> = (
             {props.location}
           </Typography>
         </Box>
-        {/* <Box gap="4px" display="flex" alignItems="center">
-            <SignalCellularAltIcon fontSize="small" />
-            <Typography fontSize="12px" fontWeight="700">
-              {props.rating}
-            </Typography>
-          </Box> */}
       </Box>
       <Typography variant="body1" fontWeight="700">
         {props.number}
@@ -126,7 +121,7 @@ export const ZDSGrantCard: React.FC<GrantCardProps> = (
             Signed
           </Typography>
           <Typography fontSize="12px" letterSpacing="normal">
-            {/* {formatFinancialValue(props.signed)} */}
+            {formatFinancialValue(props.signed)}
           </Typography>
         </Box>
         <Box width="100%" display="flex" justifyContent="space-between">
@@ -134,7 +129,7 @@ export const ZDSGrantCard: React.FC<GrantCardProps> = (
             Disbursed · {props.percentage}%
           </Typography>
           <Typography fontSize="12px" letterSpacing="normal">
-            {/* {formatFinancialValue(props.disbursed)} */}
+            {formatFinancialValue(props.disbursed)}
           </Typography>
         </Box>
         <Box
diff --git a/src/components/Menu/MuiMenu/ZDSDropdown.tsx b/src/components/Menu/MuiMenu/ZDSDropdown.tsx
index f676a66..dbe1f7e 100644
--- a/src/components/Menu/MuiMenu/ZDSDropdown.tsx
+++ b/src/components/Menu/MuiMenu/ZDSDropdown.tsx
@@ -7,7 +7,7 @@ import { DropdownProps } from "./interface";
 import Divider from "@mui/material/Divider";
 import MenuItem from "@mui/material/MenuItem";
 
-export default function MyDropdown(props: Readonly<DropdownProps>) {
+export default function ZDSDropdown(props: Readonly<DropdownProps>) {
   const {
     id,
     anchorElement,
diff --git a/src/components/Tables/MuiTables/ZDSTable.tsx b/src/components/Tables/MuiTables/ZDSTable.tsx
index 0acc498..2dfa74f 100644
--- a/src/components/Tables/MuiTables/ZDSTable.tsx
+++ b/src/components/Tables/MuiTables/ZDSTable.tsx
@@ -138,7 +138,6 @@ export default function MyTable({
                       }}
                     >
                       {header.label}
-                      {/* {column.headerInfo && <InfoIcon width={14} height={14} />} */}
                       {sortable && currentSortKey === header.headerId && (
                         <span style={{ color: sortIndicatorColor }}>
                           {currentSortDirection === "asc" ? " ▲" : " ▼"}
diff --git a/src/components/Tables/TabulatorTables/ZDSTabulatorTable.tsx b/src/components/Tables/TabulatorTables/ZDSTabulatorTable.tsx
index 4f6835e..5724276 100644
--- a/src/components/Tables/TabulatorTables/ZDSTabulatorTable.tsx
+++ b/src/components/Tables/TabulatorTables/ZDSTabulatorTable.tsx
@@ -8,7 +8,7 @@ import { RowComponent } from "tabulator-tables";
 import "tabulator-tables/dist/css/tabulator.min.css";
 import { TabulatorFull as Tabulator } from "tabulator-tables";
 
-export default function TabulatorTable({
+export default function ZDSTabulatorTable({
   id,
   data,
   columns,
diff --git a/src/components/Tables/TabulatorTables/data.ts b/src/components/Tables/TabulatorTables/data.ts
index b302359..7d4feb5 100644
--- a/src/components/Tables/TabulatorTables/data.ts
+++ b/src/components/Tables/TabulatorTables/data.ts
@@ -1,9 +1,7 @@
-import { TableDataItem } from "./types";
 import { financialFormatter } from "./const";
 import { cellBGColorFormatter } from "./const";
 import { CellComponent } from "tabulator-tables";
 import { ColumnDefinition } from "tabulator-tables";
-import { formatLocale } from "app/utils/formatLocale";
 import { TabulatorFull as Tabulator } from "tabulator-tables";
 
 export const TABLE_VARIATION_1_COLUMNS: ColumnDefinition[] = [