Set liked icon color

RaZoom-Team · Nov 17, 2024 · fc71253 · fc71253
1 parent 61f8e9a
commit fc71253
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/shared/ui/card/index.tsx b/frontend/src/shared/ui/card/index.tsx
@@ -38,8 +38,8 @@ export function Card({focus, is_me_liked}: Props) {
                     <div className={styles['upper-container']}>
                     <span className={styles['name']}>{focus.surname} {focus.name}</span>
                     <div className={styles['status-list']}>
+                        {is_me_liked ? <Button onClick={onLike} pin='circle-circle' className={styles['liked']}><Icon data={CardHeart}/></Button> : null}
                         {focus.verify  ? <Button onClick={onVerify} pin='circle-circle'><Icon data={SealCheck}/></Button> : null}
-                        {is_me_liked ? <Button onClick={onLike} pin='circle-circle'><Icon data={CardHeart}/></Button> : null}
                         </div>
                     </div>
                     <div className={styles['about']}>

diff --git a/frontend/src/shared/ui/card/style.module.scss b/frontend/src/shared/ui/card/style.module.scss
@@ -47,6 +47,11 @@
         display: flex;
         flex-direction: row;
         gap: 4px;
+
+        .liked {
+            color: #d20fcc;
+            background: #d20fcc49;
+        }
     }
 
     .name {