fix: Typography color

Author: michaeldaineka

src/pages/dashboard/components/BigStat/BigStat.js

@@ -50,13 +50,7 @@ export default function BigStat(props) {
           <Typography size="xxl" color="text" colorBrightness="secondary">
             {total[value]}
           </Typography>
-          {/* <Typography color={total.percent.profit ? "success" : "secondary"}> */}
-          <Typography
-            style={{
-              color: total.percent.profit && theme.palette.success.main,
-            }}
-            color="secondary"
-          >
+          <Typography color={total.percent.profit ? "success" : "secondary"}>
             &nbsp;{total.percent.profit ? "+" : "-"}
             {total.percent.value}%
           </Typography>

src/pages/dashboard/components/Table/Table.js

@@ -40,7 +40,7 @@ export default function TableComponent({ data }) {
             <TableCell>{city}</TableCell>
             <TableCell>
               <Button
-                colortheme={states[status.toLowerCase()]}
+                color={states[status.toLowerCase()]}
                 size="small"
                 className="px-2"
                 variant="contained"