[finished 187584874] seller delete item

Author: solangeihirwe03

src/components/product/SellerProduct.tsx

@@ -12,6 +12,7 @@ import { PuffLoader } from 'react-spinners';
 import { Meta } from '../Meta';
 import { deleteItem } from '../../store/features/product/sellerCollectionProductsSlice';
 import ConfirmModal from './ConfirmModal';
+import { useNavigate } from 'react-router-dom';
 
 const SellerProduct = ({ productId }: { productId: string }) => {
     const dispatch = useAppDispatch();
@@ -20,6 +21,7 @@ const SellerProduct = ({ productId }: { productId: string }) => {
     const [updatedProduct, setUpdatedProduct] = useState<ISingleProduct | null>(null);
     const [showConfirm, setShowConfirm] = useState(false);
     const [itemToDelete, setItemToDelete] = useState<string | null>(null);
+    const navigate = useNavigate()
 
     useEffect(() => {
         dispatch(fetchSingleSellerProduct(productId));
@@ -47,7 +49,8 @@ const SellerProduct = ({ productId }: { productId: string }) => {
     const handleDelete = async () => {
         if (updatedProduct) {
             await dispatch(deleteItem(itemToDelete)); 
-            setShowConfirm(false); 
+            setShowConfirm(false);
+            navigate('/seller/products'); 
         }
     };
 

src/pages/seller/SellerCollection.tsx

@@ -27,12 +27,23 @@ export default function SellerCollection() {
 
     const [showConfirm, setShowConfirm] = useState(false);
     const [itemToDelete, setItemToDelete] = useState<{ id: string; name: string } | null>(null);
+    const [products, setProducts] = useState(data?.products || []);
+
+    useEffect(() => {
+        if (data?.products) {
+            setProducts(data.products);
+        }
+    }, [data]);
 
 
     const handleDelete = async () => {
         try {
             if (itemToDelete !== null) {
                 await dispatch(deleteItem(itemToDelete.id));
+                if (data?.products) {
+                    const updatedProducts = data.products.filter(product => product.id !== itemToDelete.id);
+                    dispatch(fetchSellerCollectionProduct());
+                }
                 setShowConfirm(false);
                 setItemToDelete(null)
             }

src/utils/axios/axiosInstance.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import axios from "axios";
-export const URL = "http://localhost:5001" //https://e-commerce-ninjas-platform-backend.onrender.com";
+export const URL = "https://e-commerce-ninjas-platform-backend.onrender.com";
 const axiosInstance = axios.create({
   baseURL: `${URL}`,
   headers: {