Sindbad~EG File Manager

{"version":3,"file":"static/js/372.dc82ad79.chunk.js","mappings":"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","sources":["pages/Products/AssignVehiclePage.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\nimport {\r\n    Button,\r\n    Container,\r\n    Stack,\r\n    Typography,\r\n    MenuItem,\r\n    Menu,\r\n} from \"@mui/material\";\r\nimport {\r\n    ProductSort,\r\n    ProductFilterSidebar,\r\n} from \"../../sections/@dashboard/products\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport AssignVehicleList from \"./AssignVehicleList\";\r\nimport { getInventoryVehicles } from \"src/features/inventory/inventoryActions\";\r\nimport Iconify from \"src/components/iconify\";\r\nimport { newAssignVehicleWithStatus } from \"src/features/users/userActions\";\r\n\r\nconst SORT_BY_OPTIONS = [\r\n    { value: \"year\", label: \"Year: Newest First\", condition: \"DESC\" },\r\n    { value: \"year\", label: \"Year: Oldest First\", condition: \"ASC\" },\r\n    {\r\n        value: \"mileage\",\r\n        label: \"Mileage: Highest First\",\r\n        condition: \"DESC\",\r\n    },\r\n    {\r\n        value: \"mileage\",\r\n        label: \"Mileage: Lowest First\",\r\n        condition: \"ASC\",\r\n    },\r\n];\r\n\r\nexport default function ProductsPage() {\r\n    const navigate = useNavigate();\r\n    const dispatch = useDispatch();\r\n    const { state } = useLocation();\r\n    const [openFilter, setOpenFilter] = useState(false);\r\n    const [vehicles, setVehicles] = useState([]);\r\n    const [assign, setAssign] = useState(false);\r\n    const [open, setOpen] = useState(null);\r\n    const [sortBy, setSortBy] = useState(\"\");\r\n\r\n    const { vehiclesData } = useSelector((state) => state.users);\r\n    const { assignVehicleWithStatus } = useSelector((state) => state.users);\r\n    const { userInfo } = useSelector((state) => state.auth);\r\n\r\n\r\n    useEffect(() => {\r\n        dispatch(\r\n            newAssignVehicleWithStatus({\r\n                user_id: userInfo?.user_id,\r\n                sortBy: \"year\",\r\n                orderDirection:\"DESC\",\r\n            })\r\n        );\r\n    }, []);\r\n\r\n    const handleOpen = (event) => {\r\n        setOpen(event.currentTarget);\r\n    };\r\n\r\n    const handleClose = () => {\r\n        setOpen(null);\r\n    };\r\n\r\n    const applySorting = (key, condition, label) => {\r\n        dispatch(\r\n            newAssignVehicleWithStatus({\r\n                user_id: userInfo?.user_id,\r\n                orderDirection: condition,\r\n                sortBy: key,\r\n            })\r\n        );\r\n        setSortBy(label);\r\n        setOpen(null);\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <Container>\r\n                <Stack\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\"\r\n                    fontWeight=\"bold\"\r\n                    borderBottom=\"2px solid gray\"\r\n                    mb={3}\r\n                >\r\n                    <Typography variant=\"h4\" mb={5} pb={3}>\r\n                        {state?.startDate} - {state?.endDate}\r\n                    </Typography>\r\n                </Stack>\r\n\r\n                <Stack\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\"\r\n                    mb={5}\r\n                >\r\n                    <Typography variant=\"h5\" spacing={5}>\r\n                        <strong> {state?.name}</strong> - {vehiclesData?.length}{\" \"}\r\n                        units\r\n                    </Typography>\r\n                </Stack>\r\n\r\n                <Stack\r\n                    direction=\"row\"\r\n                    flexWrap=\"wrap-reverse\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"space-between\"\r\n                    sx={{ mb: 5 }}\r\n                >\r\n                    <Stack>\r\n                        <Button\r\n                            color=\"inherit\"\r\n                            disableRipple\r\n                            onClick={handleOpen}\r\n                            endIcon={\r\n                                <Iconify\r\n                                    icon={\r\n                                        open\r\n                                            ? \"eva:chevron-up-fill\"\r\n                                            : \"eva:chevron-down-fill\"\r\n                                    }\r\n                                />\r\n                            }\r\n                        >\r\n                            Sort By:&nbsp;\r\n                            <Typography\r\n                                component=\"span\"\r\n                                variant=\"subtitle2\"\r\n                                sx={{\r\n                                    color: \"text.secondary\",\r\n                                    borderBottom: \"1px solid black\",\r\n                                }}\r\n                            >\r\n                                {sortBy}\r\n                            </Typography>\r\n                        </Button>\r\n                        <Menu\r\n                            keepMounted\r\n                            anchorEl={open}\r\n                            open={Boolean(open)}\r\n                            onClose={handleClose}\r\n                            anchorOrigin={{\r\n                                vertical: \"bottom\",\r\n                                horizontal: \"right\",\r\n                            }}\r\n                            transformOrigin={{\r\n                                vertical: \"top\",\r\n                                horizontal: \"right\",\r\n                            }}\r\n                        >\r\n                            {SORT_BY_OPTIONS.map((option) => (\r\n                                <MenuItem\r\n                                    key={option.value + \"_\" + option.condition}\r\n                                    selected={option.value}\r\n                                    onClick={() =>\r\n                                        applySorting(\r\n                                            option.value,\r\n                                            option.condition,\r\n                                            option.label\r\n                                        )\r\n                                    }\r\n                                    sx={{ typography: \"body2\" }}\r\n                                >\r\n                                    {option.label}\r\n                                </MenuItem>\r\n                            ))}\r\n                        </Menu>\r\n                    </Stack>\r\n                </Stack>\r\n\r\n                <AssignVehicleList\r\n                    allVehiclesWithStatus={assignVehicleWithStatus}\r\n                    weekId={state?.weekId}\r\n                    auctioneerId={state?.auctioneerId}\r\n                    opportunityId={state?.opportunity}\r\n                    name={state?.name}\r\n                    totalUnits={state?.totalUnits}\r\n                    startDate={state?.startDate}\r\n                    endDate={state?.endDate}\r\n                />\r\n            </Container>\r\n        </>\r\n    );\r\n}\r\n"],"names":["SORT_BY_OPTIONS","value","label","condition","ProductsPage","useNavigate","dispatch","useDispatch","state","useLocation","openFilter","setOpenFilter","useState","vehicles","setVehicles","assign","setAssign","open","setOpen","sortBy","setSortBy","vehiclesData","useSelector","users","assignVehicleWithStatus","userInfo","auth","useEffect","newAssignVehicleWithStatus","user_id","orderDirection","_jsx","_Fragment","children","_jsxs","Container","Stack","direction","alignItems","justifyContent","fontWeight","borderBottom","mb","Typography","variant","pb","startDate","endDate","spacing","name","length","flexWrap","sx","Button","color","disableRipple","onClick","event","currentTarget","endIcon","Iconify","icon","component","Menu","keepMounted","anchorEl","Boolean","onClose","handleClose","anchorOrigin","vertical","horizontal","transformOrigin","map","option","MenuItem","selected","applySorting","key","typography","AssignVehicleList","allVehiclesWithStatus","weekId","auctioneerId","opportunityId","opportunity","totalUnits"],"sourceRoot":""}