From 5199f5b97e35957b32d8a6e6b1a370e643f2605c Mon Sep 17 00:00:00 2001
From: Hasini <hasini@Hasinis-MacBook-Air.local>
Date: Sun, 21 Jun 2026 20:22:31 +0530
Subject: [PATCH 1/3] fix: reset review filters when product changes

---
 FRONTEND/src/components/ui/ProductReviews.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/FRONTEND/src/components/ui/ProductReviews.jsx b/FRONTEND/src/components/ui/ProductReviews.jsx
index ee5a835..87f9e10 100644
--- a/FRONTEND/src/components/ui/ProductReviews.jsx
+++ b/FRONTEND/src/components/ui/ProductReviews.jsx
@@ -508,6 +508,12 @@ const ProductReviews = ({ productId }) => {
     const [filterStar, setFilterStar] = useState(null);
     const [sortOrder, setSortOrder] = useState('newest');
 
+    useEffect(() => {
+        setFilterStar(null);
+        setSortOrder('newest');
+        setPage(1);
+    }, [productId]);
+
     const textColor = useColorModeValue('gray.500', 'gray.400');
 
     const buildQuery = useCallback(() => {

From 95f962c959d09d073654127997b4e5298b1d72fd Mon Sep 17 00:00:00 2001
From: Hasini <hasini@Hasinis-MacBook-Air.local>
Date: Mon, 22 Jun 2026 19:29:46 +0530
Subject: [PATCH 2/3] fix: disable sort and filters during search

---
 FRONTEND/src/components/ui/FilterPanel.jsx | 12 +++++++++---
 FRONTEND/src/pages/HomePage.jsx            |  7 ++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/FRONTEND/src/components/ui/FilterPanel.jsx b/FRONTEND/src/components/ui/FilterPanel.jsx
index bfca71a..6ad5c0b 100644
--- a/FRONTEND/src/components/ui/FilterPanel.jsx
+++ b/FRONTEND/src/components/ui/FilterPanel.jsx
@@ -7,7 +7,7 @@ import {
 } from '@chakra-ui/react';
 import { useProductStore } from '../../store/product';
 
-const FilterPanel = ({ filters, setFilters }) => {
+const FilterPanel = ({ filters, setFilters, isDisabled = false }) => {
   const [localFilters, setLocalFilters] = useState(filters);
   const [categories, setCategories] = useState([]);
   const [brands, setBrands] = useState([]);
@@ -101,6 +101,7 @@ const FilterPanel = ({ filters, setFilters }) => {
                 <Checkbox
                   key={cat}
                   colorScheme="blue"
+                  isDisabled={isDisabled}
                   isChecked={(localFilters.categories || []).includes(cat)}
                   onChange={() => handleCategoryChange(cat)}
                 >
@@ -122,6 +123,7 @@ const FilterPanel = ({ filters, setFilters }) => {
                 <Checkbox
                   key={brand}
                   colorScheme="blue"
+                  isDisabled={isDisabled}
                   isChecked={localFilters.brand === brand}
                   onChange={() => handleBrandChange(brand)}
                 >
@@ -143,6 +145,7 @@ const FilterPanel = ({ filters, setFilters }) => {
             </Text>
           </HStack>
           <RangeSlider
+            isDisabled={isDisabled}
             min={0} max={5000} step={10}
             value={[localFilters.minPrice, localFilters.maxPrice]}
             onChange={(val) =>
@@ -166,6 +169,7 @@ const FilterPanel = ({ filters, setFilters }) => {
             onChange={(e) =>
               setLocalFilters({ ...localFilters, minRating: Number(e.target.value) })
             }
+            isDisabled={isDisabled}
           >
             <option value={0}>Any Rating</option>
             <option value={1}>1+ Stars</option>
@@ -184,6 +188,7 @@ const FilterPanel = ({ filters, setFilters }) => {
             onChange={(e) =>
               setLocalFilters({ ...localFilters, inStock: e.target.checked })
             }
+            isDisabled={isDisabled}
           >
             <Text fontSize="sm">In Stock Only</Text>
           </Checkbox>
@@ -192,10 +197,11 @@ const FilterPanel = ({ filters, setFilters }) => {
         <Divider />
 
         <VStack spacing={3}>
-          <Button colorScheme="blue" w="full" onClick={handleApply}>
+          <Button colorScheme="blue" w="full" onClick={handleApply}
+          isDisabled={isDisabled}>
             Apply Filters
           </Button>
-          <Button variant="outline" w="full" onClick={handleReset}>
+          <Button variant="outline" w="full" onClick={handleReset} isDisabled={isDisabled}>
             Clear Filters
           </Button>
         </VStack>
diff --git a/FRONTEND/src/pages/HomePage.jsx b/FRONTEND/src/pages/HomePage.jsx
index baecb37..463429c 100644
--- a/FRONTEND/src/pages/HomePage.jsx
+++ b/FRONTEND/src/pages/HomePage.jsx
@@ -145,6 +145,7 @@ const HomePage = () => {
            }}
             maxW="250px"
             aria-label="Sort products"
+            isDisabled={isSearching}
           >
             <option value="">Default</option>
             <option value="price_asc">Price: Low to High</option>
@@ -186,7 +187,11 @@ const HomePage = () => {
           <Box w="full" display={{ base: "block", lg: "grid" }} gridTemplateColumns="300px 1fr" gap={8} alignItems="start">
             {/* Sidebar with Filters */}
             <Box position={{ lg: "sticky" }} top={{ lg: "100px" }} mb={{ base: 8, lg: 0 }}>
-              <FilterPanel filters={filters} setFilters={setFilters} />
+              <FilterPanel
+                filters={filters}
+                setFilters={setFilters}
+                isDisabled={isSearching}
+              />
             </Box>
 
             {/* Product grid — skeletons while loading, real cards when ready */}

From 85ed04335778ea06dd3dc4d4d2664140cf1a4923 Mon Sep 17 00:00:00 2001
From: Hasini <hasini@Hasinis-MacBook-Air.local>
Date: Mon, 22 Jun 2026 20:00:11 +0530
Subject: [PATCH 3/3] fix: correct aria-label attribute

---
 FRONTEND/src/pages/CreatePage.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/FRONTEND/src/pages/CreatePage.jsx b/FRONTEND/src/pages/CreatePage.jsx
index c7a85ef..b14103e 100644
--- a/FRONTEND/src/pages/CreatePage.jsx
+++ b/FRONTEND/src/pages/CreatePage.jsx
@@ -276,8 +276,7 @@ const CreatePage = () => {
                   type="number"
                   min="0"
                   step="0.01"
-                  aria   accept="image/jpeg,image/png,image/webp,image/gif"
-                 -label="Original Price"
+                  aria-label="Original Price"   accept="image/jpeg,image/png,image/webp,image/gif"
                   value={newProduct.originalPrice}
                   onChange={(e) => handleChange("originalPrice", e.target.value)}
                 />