From 8324596b77c910a3e64af6fc67d1babf2afe2d78 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 4 Jun 2025 15:50:29 +0800
Subject: [PATCH] Added color converter icon for PageTitle component

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

diff --git a/src/components/PageTitle/PageTitle.tsx b/src/components/PageTitle/PageTitle.tsx
index f441644..3e6aa81 100644
--- a/src/components/PageTitle/PageTitle.tsx
+++ b/src/components/PageTitle/PageTitle.tsx
@@ -3,6 +3,7 @@ import { Show } from 'solid-js'
 import { RiSystemLockPasswordLine } from 'solid-icons/ri'
 import { FiHash } from 'solid-icons/fi'
 import { Si1password } from 'solid-icons/si'
+import { TbColorSwatch } from 'solid-icons/tb'
 
 export default (props: { title: string; description: string }) => {
   return (
@@ -16,6 +17,9 @@ export default (props: { title: string; description: string }) => {
       <Show when={props.title === 'Password Manager'}>
         <Si1password class="title__icon" opacity={1} />
       </Show>
+      <Show when={props.title === 'Color Converter'}>
+        <TbColorSwatch class="title__icon" opacity={1} />
+      </Show>
       <h1 class="title__text">{props.title}</h1>
       <p class="title__description">{props.description}</p>
     </section>