fix: Change color of New chip in sidebar (#4332)

* fix: Change color of New chip in sidebar
safe-global · Oct 9, 2024 · 9d6cf75 · 9d6cf75
1 parent cb6026b
commit 9d6cf75
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/components/common/Chip/index.tsx b/src/components/common/Chip/index.tsx
@@ -1,18 +1,17 @@
-import { Typography, Chip as MuiChip } from '@mui/material'
+import { Typography, Chip as MuiChip, type ChipProps } from '@mui/material'
 
-type ChipProps = {
+type Props = {
   label?: string
-  color?: 'primary' | 'secondary' | 'info' | 'warning' | 'success' | 'error'
+  sx?: ChipProps['sx']
 }
 
-export function Chip({ color = 'primary', label = 'New' }: ChipProps) {
+export function Chip({ sx, label = 'New' }: Props) {
   return (
     <MuiChip
       size="small"
       component="span"
       sx={{
-        backgroundColor: `${color}.background`,
-        color: `${color}.light`,
+        ...sx,
         mt: '-2px',
       }}
       label={

diff --git a/src/components/sidebar/SidebarNavigation/config.tsx b/src/components/sidebar/SidebarNavigation/config.tsx
@@ -40,7 +40,7 @@ export const navItems: NavItem[] = [
     label: 'Stake',
     icon: <SvgIcon component={StakeIcon} inheritViewBox />,
     href: AppRoutes.stake,
-    tag: <Chip label="New" />,
+    tag: <Chip label="New" sx={{ backgroundColor: 'secondary.light', color: 'static.main' }} />,
   },
   {
     label: 'Transactions',