fix(cards): add clicked state on favorite icons

eclipse-tractusx · Oct 11, 2024 · d06b463 · d06b463
2 parents 2dfbcf5 + 2b21d96
commit d06b463
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/content/Cards/Card.tsx b/src/components/content/Cards/Card.tsx
@@ -248,7 +248,7 @@ export const Card = ({
       >
         {showFavIcon && (
           <Box
-            className="cx-card__icon"
+            className={`cx-card__icon ${addButtonClicked ? 'cx-card__icon--active' : 'cx-card__icon--inactive'}`}
             sx={{
               padding: '10px',
             }}

diff --git a/src/components/content/Cards/index.tsx b/src/components/content/Cards/index.tsx
@@ -19,7 +19,6 @@
  ********************************************************************************/
 
 import { Box } from '@mui/material'
-import uniqueId from 'lodash/uniqueId'
 import { Card, type CardProps } from './Card'
 import { CardAddService } from './CardAddService'
 
@@ -141,7 +140,7 @@ export const Cards = ({
         <Card
           {...settings}
           {...item}
-          key={uniqueId('Cards')}
+          key={item.id}
           onClick={() => {
             onCardClick(item)
           }}