Ks 027 sep 29 figma icons 2047

Clients/src/presentation/components/Alert/AlertBody.tsx

@@ -1,7 +1,7 @@
 // AlertBody.tsx
 import React, { useState } from "react";
 import { Box, IconButton, Typography } from "@mui/material";
-import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import {ReactComponent as ContentCopyIcon} from "../../assets/icons/contentCopy.svg";
 
 interface AlertBodyProps {
   body: string;
@@ -61,7 +61,7 @@ const AlertBody: React.FC<AlertBodyProps> = ({ body, textColor }) => {
                   </Typography>
                 ) : (
                   <ContentCopyIcon
-                    sx={{ fontSize: "13px", color: textColor }}
+                     style={{ width: "13", height:"13" , color: textColor }}
                   />
                 )}
               </Box>

Clients/src/presentation/components/Helpers/Guider/index.tsx

@@ -1,5 +1,5 @@
 import { Link, Stack, Tooltip, Typography } from "@mui/material";
-import QuestionMarkIcon from "@mui/icons-material/QuestionMark";
+import {ReactComponent as QuestionMarkIcon} from "../../../assets/icons/questionMark.svg";
 import { GuiderStyler } from "./style";
 
 const Guider = ({

Clients/src/presentation/components/RiskVisualization/RiskCategories.tsx

@@ -9,10 +9,8 @@ import {
   Button,
   Collapse,
 } from "@mui/material";
-import {
-  ExpandMore as ExpandMoreIcon,
-  ExpandLess as ExpandLessIcon,
-} from "@mui/icons-material";
+import { ReactComponent as ExpandLessIcon } from "../../assets/icons/expand-up.svg";
+import { ReactComponent as ExpandMoreIcon } from "../../assets/icons/expand-down.svg";
 import { ProjectRisk } from "../../../domain/types/ProjectRisk";
 import { getAllUsers } from "../../../application/repository/user.repository";
 
@@ -248,7 +246,7 @@ const RiskCategories: React.FC<RiskCategoriesProps> = ({
                       </Typography>
                     </Box>
 
-                    {isExpanded ? <ExpandLessIcon sx={{ color: '#6B7280' }} /> : <ExpandMoreIcon sx={{ color: '#6B7280' }} />}
+                    {isExpanded ? <ExpandLessIcon style={{ color: '#6B7280' }} /> : <ExpandMoreIcon style={{ color: '#6B7280' }} />}
                   </Box>
 
                   <Stack direction="row" spacing={1} flexWrap="wrap" useFlexGap>

Clients/src/presentation/components/RiskVisualization/RiskFilters.tsx

@@ -9,12 +9,10 @@ import {
   Collapse,
   IconButton,
 } from "@mui/material";
-import {
-  FilterList as FilterIcon,
-  Clear as ClearIcon,
-  ExpandMore as ExpandMoreIcon,
-  ExpandLess as ExpandLessIcon,
-} from "@mui/icons-material";
+import { ReactComponent as FilterIcon } from "../../assets/icons/filter.svg";
+import { ReactComponent as ClearIcon } from "../../assets/icons/clear.svg";
+import { ReactComponent as ExpandMoreIcon } from "../../assets/icons/expand-down.svg";
+import { ReactComponent as ExpandLessIcon } from "../../assets/icons/expand-up.svg";
 import { ProjectRisk } from "../../../domain/types/ProjectRisk";
 import Select from "../Inputs/Select";
 import { getAllUsers } from "../../../application/repository/user.repository";
@@ -307,7 +305,7 @@ const RiskFilters: React.FC<RiskFiltersProps> = ({
         onClick={() => handleExpandedChange(!expanded)}
       >
         <Stack direction="row" alignItems="center" spacing={1}>
-          <FilterIcon sx={{ color: "#13715B", fontSize: 20 }} />
+          <FilterIcon style={{ color: "#13715B", height: "20px", width:"20px" }} />
           <Typography variant="subtitle2" sx={{ fontWeight: 600, color: "#1A1919" }}>
             Filters
           </Typography>

Clients/src/presentation/components/ViewToggle/index.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { ToggleButton, ToggleButtonGroup, useTheme } from "@mui/material";
 import { SxProps, Theme } from "@mui/material/styles";
-import ViewModuleIcon from "@mui/icons-material/ViewModule";
-import TableRowsIcon from "@mui/icons-material/TableRows";
+import {ReactComponent as ViewModuleIcon} from "../../assets/icons/viewModule.svg";
+import {ReactComponent as TableRowsIcon} from "../../assets/icons/tableRows.svg";
 
 export type ViewMode = "card" | "table";
 
@@ -92,10 +92,10 @@ const ViewToggle: React.FC<ViewToggleProps> = ({
       ]}
     >
       <ToggleButton value="card" aria-label="card view" disableRipple>
-        <ViewModuleIcon sx={{ fontSize: "16px" }} />
+        <ViewModuleIcon/>
       </ToggleButton>
       <ToggleButton value="table" aria-label="table view" disableRipple>
-        <TableRowsIcon sx={{ fontSize: "16px" }} />
+        <TableRowsIcon />
       </ToggleButton>
     </ToggleButtonGroup>
   );

Clients/src/presentation/pages/AITrustCentrePublic/Overview/index.tsx

@@ -1,6 +1,6 @@
 import { Box, Paper, Typography, Stack, Button } from "@mui/material";
 import CustomTextField from "../Components/CustomTextField/CustomTextField";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import {ReactComponent as CheckCircleOutlineIcon} from '../../../assets/icons/check-circle-green.svg';
 import { downloadResource } from "../../../../application/tools/downloadResource";
 
 const Overview = ({
@@ -154,7 +154,7 @@ const Overview = ({
                 >
                   <Box display="flex" alignItems="center" gap={1}>
                     <CheckCircleOutlineIcon
-                      sx={{ color: "#28A745", fontSize: 28 }}
+                      style={{ height: "24px", width: "24px" }}
                     />
                     <Typography variant="body2">{resource.name}</Typography>
                   </Box>

Clients/src/presentation/pages/AITrustCentrePublic/Resources/index.tsx

@@ -10,7 +10,7 @@ import {
   Typography,
   Box
 } from '@mui/material';
-import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+import {ReactComponent as CheckCircleOutlineIcon} from '../../../assets/icons/check-circle-green.svg';
 import { downloadResource } from '../../../../application/tools/downloadResource';
 import { aiTrustCenterTableCell } from '../style';
 
@@ -44,7 +44,7 @@ const Resources = ({ data, loading, error, hash }: { data: any; loading: boolean
               <TableRow key={idx}>
                 <TableCell sx={aiTrustCenterTableCell}>
                   <Box display="flex" alignItems="center" gap={1}>
-                    <CheckCircleOutlineIcon sx={{ color: '#28A745', fontSize: 24 }} />
+                    <CheckCircleOutlineIcon style={{ width: "24px", height:"24px" }} />
                     <Typography  color="#344054" sx={{ fontSize: 13 }}>{resource.name}</Typography>
                   </Box>
                 </TableCell>

Clients/src/presentation/pages/FairnessDashboard/FairnessResultsPage.tsx

@@ -8,7 +8,7 @@ import {
   CircularProgress,
   Tooltip,
 } from "@mui/material";
-import ArrowBackIcon from "@mui/icons-material/ArrowBack";
+import {ReactComponent as ArrowBackIcon} from "../../assets/icons/left-arrow-long.svg";
 import { ReactComponent as GreyCircleInfoIcon } from "../../assets/icons/info-circle-grey.svg";
 import { BarChart } from "@mui/x-charts";
 import { fairnessService } from "../../../infrastructure/api/fairnessService";

Clients/src/presentation/pages/SettingsPage/Team/index.tsx

@@ -24,7 +24,7 @@ import {
   TablePagination,
   TableFooter,
 } from "@mui/material";
-import GroupsIcon from "@mui/icons-material/Groups";
+import {ReactComponent as GroupsIcon} from "../../../assets/icons/group.svg";
 import { ReactComponent as SelectorVertical } from "../../../assets/icons/selector-vertical.svg";
 import TablePaginationActions from "../../../components/TablePagination";
 import InviteUserModal from "../../../components/Modals/InviteUser";

Clients/src/presentation/pages/WatchTower/Loggings/index.tsx

@@ -11,7 +11,7 @@ import { useState, useEffect } from "react";
 import { getAllLogs } from "../../../../application/repository/logs.repository";
 import LogLine from "../../../components/LogLine";
 import Placeholder from "../../../assets/imgs/empty-state.svg";
-import RefreshIcon from "@mui/icons-material/Refresh";
+import {ReactComponent as RefreshIcon} from "../../../assets/icons/refresh.svg";
 
 const WatchTowerLogs = () => {
   const theme = useTheme();

Servers/.gitignore

@@ -27,4 +27,6 @@ dist-ssr
 # *.dev
 *.prod
 
-README-Email-Notifications.md
+README-Email-Notifications.md
+
+.rate-limit-state.json