From 590fad45a1170af43feef08fabcacf3b22116660 Mon Sep 17 00:00:00 2001
From: kaulfield23 <kaulfield23@gmail.com>
Date: Wed, 15 Nov 2023 11:53:55 +0100
Subject: [PATCH] use useTheme

---
 .../Importer/validation/PeopleCounter.tsx      | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/features/import/components/Importer/validation/PeopleCounter.tsx b/src/features/import/components/Importer/validation/PeopleCounter.tsx
index 3dcaf56eba..3e38d16cd2 100644
--- a/src/features/import/components/Importer/validation/PeopleCounter.tsx
+++ b/src/features/import/components/Importer/validation/PeopleCounter.tsx
@@ -1,5 +1,5 @@
-import { Box } from '@mui/system';
 import { Typography } from '@mui/material';
+import { Box, useTheme } from '@mui/system';
 
 import { Msg } from 'core/i18n';
 
@@ -15,14 +15,12 @@ interface PeopleCounterProps {
   status: COUNT_STATUS;
 }
 
-enum CounterColors {
-  created = '#4CAF50',
-  updated = '#03A9F4',
-}
 const PeopleCounter: React.FunctionComponent<PeopleCounterProps> = ({
   changedNum,
   status,
 }) => {
+  const theme = useTheme();
+
   return (
     <Box
       sx={{
@@ -32,7 +30,15 @@ const PeopleCounter: React.FunctionComponent<PeopleCounterProps> = ({
         width: '100%',
       }}
     >
-      <Typography color={CounterColors[status]} variant="h2">
+      <Typography
+        sx={{
+          color:
+            status === COUNT_STATUS.CREATED
+              ? theme.palette.success.main
+              : theme.palette.info.light,
+        }}
+        variant="h2"
+      >
         {changedNum}
       </Typography>
       <Msg