QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

SPRINT-18: fixed pie chart dot colors

Browse Source
This commit is contained in:
Tim Chamberlain
2023-01-06 13:12:29 -06:00
parent 28cdb78c3a
commit d2905b2d1a
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/qqq/components/legacy/MDBadgeDot/index.tsx
View File

@ -82,8 +82,18 @@ const MDBadgeDot: FC<Props> = forwardRef(
"dark", "dark",
]; ];
const validColorIndex = validColors.findIndex((el) => el === color); const colorValues = {
"primary": "#e91e63",
"secondary": "#7b809a",
"info": "#04aaef",
"success": "#4CAF50",
"warning": "#fb8c00",
"error": "#F44335",
"light": "#f0f2f5",
"dark": "#344767"
} as any;
const validColorIndex = validColors.findIndex((el) => el === color);
return ( return (
<Box ref={ref} display="flex" alignItems="center" p={padding} {...rest}> <Box ref={ref} display="flex" alignItems="center" p={padding} {...rest}>
<Box <Box
@ -93,7 +103,7 @@ const MDBadgeDot: FC<Props> = forwardRef(
height={finalSize} height={finalSize}
borderRadius="50%" borderRadius="50%"
mr={1} mr={1}
sx={{backgroundColor: validColors[validColorIndex]}} sx={{backgroundColor: colorValues[color]}}
/> />
<MDTypography <MDTypography
variant={fontSize} variant={fontSize}