From d8b81a867418ab2d73b5afc5c29335aaa028ecdc Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 4 Jun 2025 15:51:13 +0800
Subject: [PATCH] Added color converter icon to card component

---
 src/components/Card/Card.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index c891bb1..06c994a 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -2,6 +2,7 @@ import { Show, type JSX } from 'solid-js'
 import './Card.sass'
 import { RiSystemLockPasswordLine } from 'solid-icons/ri'
 import { FiHash } from 'solid-icons/fi'
+import { TbColorSwatch } from 'solid-icons/tb'
 
 export default (props: { title: string; description: string }) => {
   return (
@@ -12,6 +13,9 @@ export default (props: { title: string; description: string }) => {
       <Show when={props.title === 'Hash Generator'}>
         <FiHash class="card__icon" size={32} opacity={0.5} />
       </Show>
+      <Show when={props.title === 'Color Converter'}>
+        <TbColorSwatch class="card__icon" size={32} opacity={0.5} />
+      </Show>
       <h3 class="card__title">{props.title}</h3>
       <p class="card__description">{props.description}</p>
     </section>