breaking bugs

src/components/AlertDialogSlide.jsx

@@ -6,6 +6,9 @@ const AlertDialogSlide = ({ dialog, showDialog, setShowDialog }) => {
     const handleClose = () => {
         setShowDialog(false);
     };
+    const taskHandler = () => {              // defining the taskHandler function;
+        setShowDialog(false);
+    };
     return (
         <Dialog
             open={showDialog}

src/components/Popup.jsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
-import { underControl } from '../redux/userHandle';
+import { underControl } from '../redux/userSlice';   // recorrecting the file  path as userSlice instead userHandle
 import MuiAlert from '@mui/material/Alert';
 import { Snackbar } from '@mui/material';
 

src/components/Products.jsx

@@ -10,17 +10,18 @@ import { addStuff } from '../redux/userHandle';
 
 const Products = ({}) => {
   const dispatch = useDispatch();
+  const navigate = useNavigate(); // **Added the useNavigate hook to define `navigate`**
 
   const itemsPerPage = 9;
 
-  const { currentRole, responseSearch } = useSelector();
+  const { currentRole, productData } = useSelector((state) => state.user); // **Corrected useSelector to select from the state**
   const [currentPage, setCurrentPage] = useState(1);
   const [showPopup, setShowPopup] = useState(false);
   const [message, setMessage] = useState("");
 
   const indexOfLastItem = currentPage * itemsPerPage;
-  const indexOfFirstItem = indexOfLastItem + itemsPerPage;
-  const currentItems = (indexOfFirstItem, indexOfLastItem);
+  const indexOfFirstItem = indexOfLastItem - itemsPerPage; // **Fixed the calculation for indexOfFirstItem**
+  const currentItems = productData.slice(indexOfFirstItem, indexOfLastItem); // **Updated to use productData for currentItems**
 
   const handleAddToCart = (event, product) => {
     event.stopPropagation();
@@ -39,7 +40,7 @@ const Products = ({}) => {
     setShowPopup(true)
   };
 
-  if (!responseSearch) {
+  if (!productData || productData.length === 0) { // **Added check for empty productData**
     return <div>Product not found</div>;
   }
 

src/components/SpeedDialTemplate.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { SpeedDial, styled } from '@mui/material';
+import { SpeedDial, SpeedDialAction, styled } from '@mui/material'; // **Added SpeedDialAction import**
 import TuneIcon from '@mui/icons-material/Tune';
 
 const SpeedDialTemplate = ({ actions }) => {