Feature/add user activiry crud

src/components/dashboard/fastReact/complaintList/index.jsx

@@ -1,10 +1,13 @@
-import { Button, IconButton, useMediaQuery } from "@mui/material";
+import { Badge, Button, IconButton, useMediaQuery } from "@mui/material";
 import ChecklistIcon from "@mui/icons-material/Checklist";
 import { useTheme } from "@emotion/react";
 import { useState } from "react";
 import ComplaintListTable from "./ComplaintListTable";
+import { useSidebarBadge } from "@/lib/hooks/useSidebarBadge";
+import { getValueByPath } from "@/core/utils/getValueByPath";
 
 const ComplaintList = ({ mutate }) => {
+    const { data } = useSidebarBadge();
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const [open, setOpen] = useState(false);
@@ -19,15 +22,21 @@ const ComplaintList = ({ mutate }) => {
                     <ChecklistIcon sx={{ fontSize: "25px" }} />
                 </IconButton>
             ) : (
-                <Button
-                    size={"small"}
-                    variant="contained"
-                    color="primary"
-                    startIcon={<ChecklistIcon />}
-                    onClick={handleOpen}
+                <Badge
+                    badgeContent={data ? getValueByPath(data, "roadObserved.complaint_cnt").toLocaleString() : 0}
+                    max={999999}
+                    color="warning"
                 >
-                    لیست شکایات
-                </Button>
+                    <Button
+                        size={"small"}
+                        variant="contained"
+                        color="primary"
+                        startIcon={<ChecklistIcon />}
+                        onClick={handleOpen}
+                    >
+                        لیست شکایات
+                    </Button>
+                </Badge>
             )}
             <ComplaintListTable open={open} setOpen={setOpen} mutate={mutate} />
         </>

src/components/dashboard/fastReact/operator/OperatorList.jsx

@@ -10,6 +10,7 @@ import DescriptionForm from "./RowActions/DescriptionDialog";
 import ImageDialog from "./RowActions/ImageDialog";
 import LocationForm from "./RowActions/LocationDialog";
 import Toolbar from "./Toolbar";
+import BlinkingCell from "@/core/components/BlinkingCell";
 
 const OperatorList = () => {
     const statusOptions = [
@@ -32,6 +33,7 @@ const OperatorList = () => {
                 columnFilterModeOptions: ["equals", "contains"],
                 grow: false,
                 size: 100,
+                Cell: ({ row }) => <BlinkingCell value={row.original.id} visible={row.original.status == 2} />,
             },
             {
                 header: "اطلاعات ثبت‌ شده در سامانه سوانح",

src/components/dashboard/fastReact/supervisor/SupervisorList.jsx

@@ -15,6 +15,7 @@ import LocationForm from "./RowActions/LocationDialog";
 import EngineeringIcon from "@mui/icons-material/Engineering";
 import ThreePIcon from "@mui/icons-material/ThreeP";
 import ImageDialog from "./RowActions/ImageDialog";
+import BlinkingCell from "@/core/components/BlinkingCell";
 
 const SupervisorList = () => {
     const { data: userPermissions } = usePermissions();
@@ -75,6 +76,7 @@ const SupervisorList = () => {
                 columnFilterModeOptions: ["equals", "contains"],
                 grow: false,
                 size: 100,
+                Cell: ({ row }) => <BlinkingCell value={row.original.id} visible={row.original.status == 0} />,
             },
             ...(hasCountryPermission ? [dynamicColumns] : []),
             {