From 3fcfb81360e2ec9eebf830f167d5109b89c233e5 Mon Sep 17 00:00:00 2001
From: Kurdistan Tech Ministry <info@pezkuwichain.io>
Date: Tue, 10 Feb 2026 19:18:44 +0300
Subject: [PATCH] Fix CitizensIssues: add missing filter state variables and
 fix dependency array

---
 web/src/pages/Citizens.tsx                | 7 -------
 web/src/pages/citizens/CitizensIssues.tsx | 4 +++-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/web/src/pages/Citizens.tsx b/web/src/pages/Citizens.tsx
index 289148d2..cc582111 100644
--- a/web/src/pages/Citizens.tsx
+++ b/web/src/pages/Citizens.tsx
@@ -151,13 +151,6 @@ export default function Citizens() {
   }
 
   const handleCitizensIssue = () => {
-    // Debug log to understand the issue
-    console.log('handleCitizensIssue called', {
-      nftDetails,
-      citizenNFT: nftDetails.citizenNFT,
-      loading
-    });
-
     // Check if user has Tiki NFT
     if (!nftDetails.citizenNFT) {
       toast({
diff --git a/web/src/pages/citizens/CitizensIssues.tsx b/web/src/pages/citizens/CitizensIssues.tsx
index 75ffb799..dedc9787 100644
--- a/web/src/pages/citizens/CitizensIssues.tsx
+++ b/web/src/pages/citizens/CitizensIssues.tsx
@@ -100,6 +100,8 @@ export default function CitizensIssues() {
   const [filteredIssues, setFilteredIssues] = useState<Issue[]>([]);
   const [userVotes, setUserVotes] = useState<Map<number, boolean>>(new Map());
   const [searchQuery, setSearchQuery] = useState<string>('');
+  const [categoryFilter, setCategoryFilter] = useState<string>('all');
+  const [statusFilter, setStatusFilter] = useState<string>('all');
   const [showSubmitModal, setShowSubmitModal] = useState(false);
   const [newIssueDescription, setNewIssueDescription] = useState('');
   const [newIssueCategory, setNewIssueCategory] = useState('Governance');
@@ -138,7 +140,7 @@ export default function CitizensIssues() {
   useEffect(() => {
     applyFilters();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [issues, categorystatussearchQuery]);
+  }, [issues, categoryFilter, statusFilter, searchQuery]);
 
   const fetchAllData = async () => {
     setLoading(true);