From 539a13567ca0316b71455320895a5b7791e46648 Mon Sep 17 00:00:00 2001
From: boys-cyberhub <boys68201@gmail.com>
Date: Fri, 16 Oct 2026 04:14:21 +0100
Subject: [PATCH] fix: clear compare on unmount, add missing badge icon (#742
 #743)

---
 src/app/page.tsx         | 5 +++++
 src/components/Badge.tsx | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52b98eb..a04211c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -42,6 +42,11 @@ export default function HomePage() {
   const [compareOpen, setCompareOpen]   = useState(false);
   const handleCloseCompare = useCallback(() => setCompareOpen(false), []);
 
+  // #742 — clear comparison selection when the page unmounts (route change away)
+  useEffect(() => {
+    return () => setCompareIds(new Set());
+  }, []);
+
   const toggleCompare = useCallback((product: Product) => {
     setCompareIds((prev) => {
       const next = new Set(prev);
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 758154b..56848a0 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -38,6 +38,7 @@ const STATUS_ICONS: Record<string, string> = {
   Claimed:   '◆',
   Cancelled: '✕',
   Pending:   '◐',
+  Processing:'◌',
   Paid:      '✓',
   Rejected:  '✕',
 };