Sindbad~EG File Manager
{"version":3,"file":"static/js/332.01f4c686.chunk.js","mappings":"4VA6BA,MAAMA,GAAmBC,EAAAA,EAAAA,IAAO,MAAPA,CAAc,CACnCC,IAAK,EACLC,MAAO,OACPC,OAAQ,OACRC,UAAW,YAwLf,EApLuBC,KAAO,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACzB,MAAM,MAAEC,IAAUC,EAAAA,EAAAA,MAClB,IAAIC,GAAWC,EAAAA,EAAAA,MACf,MAAM,SAAEC,IAAaC,EAAAA,EAAAA,KAAaL,GAAUA,EAAMM,OAElDC,QAAQC,IAAI,CAAER,UAMd,OACIS,EAAAA,EAAAA,MAACC,EAAAA,EAAS,CAAAC,SAAA,EACNF,EAAAA,EAAAA,MAACG,EAAAA,EAAK,CAACC,QAAS,EAAGC,GAAI,CAAEC,EAAG,GAAIJ,SAAA,EAC5BK,EAAAA,EAAAA,KAACJ,EAAAA,EAAK,CACFK,UAAU,MACVC,WAAW,SACXC,eAAe,gBAAeR,UAE9BK,EAAAA,EAAAA,KAACI,EAAAA,EAAU,CAACC,QAAQ,KAAKC,QAAM,EAAAX,SAAA,GAAAY,OAClB,OAALvB,QAAK,IAALA,GAAc,QAATT,EAALS,EAAOwB,eAAO,IAAAjC,OAAT,EAALA,EAAgBkC,KAAI,KAAAF,OAAS,OAALvB,QAAK,IAALA,OAAK,EAALA,EAAOwB,QAAQE,KAAI,KAAAH,OAAS,OAALvB,QAAK,IAALA,OAAK,EAALA,EAAOwB,QAAQG,YAI1EX,EAAAA,EAAAA,KAACJ,EAAAA,EAAK,CACFK,UAAU,MACVC,WAAW,SACXC,eAAe,gBAAeR,UAE9BF,EAAAA,EAAAA,MAACW,EAAAA,EAAU,CAACC,QAAQ,YAAWV,SAAA,EAC3BK,EAAAA,EAAAA,KAACI,EAAAA,EAAU,CACPQ,UAAU,OACVP,QAAQ,QACRP,GAAI,CACAe,MAAO,mBAKF,gBAazBpB,EAAAA,EAAAA,MAACqB,EAAAA,GAAI,CAACC,WAAS,EAAClB,QAAS,EAAEF,SAAA,EACvBK,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,EAAEtB,UACbF,EAAAA,EAAAA,MAACyB,EAAAA,EAAI,CACDpB,GAAI,CACAqB,SAAU,WACVhD,MAAO,OACPiD,WAAY,WACdzB,SAAA,EAGFK,EAAAA,EAAAA,KAAChC,EAAgB,CACb8B,GAAI,CACA3B,MAAO,MACPC,OAAQ,MACRC,UAAW,WAEfgD,IAAG,GAAAd,OAAKe,EAAAA,GAAQ,KAAAf,OAAS,OAALvB,QAAK,IAALA,GAAc,QAATR,EAALQ,EAAOwB,eAAO,IAAAhC,OAAT,EAALA,EAAgB+C,YAuC9B,aAIlBvB,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,KACfjB,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,EAAEtB,UACbK,EAAAA,EAAAA,KAACwB,EAAAA,EAAK,CAAA7B,UACFF,EAAAA,EAAAA,MAACgC,EAAAA,EAAS,CAAA9B,SAAA,EACNF,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,YAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SAAO,OAALX,QAAK,IAALA,GAAc,QAATP,EAALO,EAAOwB,eAAO,IAAA/B,OAAT,EAALA,EAAgBmD,UAEhCnC,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,cAEPF,EAAAA,EAAAA,MAACkC,EAAAA,EAAS,CACNE,MAAO,CACHC,QAAS,OACT5B,WAAY,UACdP,SAAA,CAEI,OAALX,QAAK,IAALA,GAAc,QAATN,EAALM,EAAOwB,eAAO,IAAA9B,OAAT,EAALA,EAAgBqD,YACjB/B,EAAAA,EAAAA,KAACgC,EAAAA,EAAqB,CAClBH,MAAO,CACHhB,MAAM,GAADN,OAAU,OAALvB,QAAK,IAALA,GAAc,QAATL,EAALK,EAAOwB,eAAO,IAAA7B,OAAT,EAALA,EAAgBkC,OAC1BoB,SAAU,OACVC,WAAY,iBAK5BzC,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,gBAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SACA,OAALX,QAAK,IAALA,GAAc,QAATJ,EAALI,EAAOwB,eAAO,IAAA5B,GAAdA,EAAgBuD,QAAO,GAAA5B,OACV,OAALvB,QAAK,IAALA,GAAc,QAATH,EAALG,EAAOwB,eAAO,IAAA3B,OAAT,EAALA,EAAgBsD,QAAO,YAC1B,SAId1C,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,gBAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SACA,OAALX,QAAK,IAALA,GAAc,QAATF,EAALE,EAAOwB,eAAO,IAAA1B,GAAdA,EAAgBsD,QAAO,GAAA7B,OACV,OAALvB,QAAK,IAALA,GAAc,QAATD,EAALC,EAAOwB,eAAO,IAAAzB,OAAT,EAALA,EAAgBqD,SACnB,SAGdpC,EAAAA,EAAAA,KAAC0B,EAAAA,EAAQ,CAAA/B,UACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,UACNK,EAAAA,EAAAA,KAACqC,EAAAA,EAAM,CACHhC,QAAQ,YACRiC,QA/JjBC,KACfrD,EAAS,4CAA6C,CAACF,MAAM,CAACwB,QAAa,OAALxB,QAAK,IAALA,OAAK,EAALA,EAAOwB,UAAU,EA+JvDb,SACH,0BAQjB,C,qBClNhB6C,EAAyBC,EAAQ,MAIrCC,EAAQ,OAAU,EAClB,IAAIC,EAAiBH,EAAuBC,EAAQ,KAChDG,EAAcH,EAAQ,KACXC,EAAQ,GAAU,EAAIC,EAAeE,UAAuB,EAAID,EAAYE,KAAK,SAAU,CACxGC,GAAI,KACJC,GAAI,KACJC,EAAG,MACD,oB","sources":["pages/Inventory/VehicleDetails.js","../node_modules/@mui/icons-material/FiberManualRecord.js"],"sourcesContent":["import { useRef, useState, useEffect } from \"react\";\r\nimport {\r\n Button,\r\n Container,\r\n Stack,\r\n Box,\r\n Typography,\r\n Grid,\r\n Card,\r\n Tab,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableRow,\r\n TextField,\r\n MenuItem,\r\n Select,\r\n FormControl,\r\n InputLabel,\r\n NumberInput,\r\n} from \"@mui/material\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { TabContext, TabList, TabPanel } from \"@mui/lab\";\r\nimport { baseURL, imageURL } from \"src/constants/baseURL\";\r\nimport FiberManualRecordIcon from \"@mui/icons-material/FiberManualRecord\";\r\nimport Iconify from \"src/components/iconify\";\r\n\r\nconst StyledProductImg = styled(\"img\")({\r\n top: 0,\r\n width: \"100%\",\r\n height: \"100%\",\r\n objectFit: \"contain\",\r\n // position: \"absolute\",\r\n});\r\n\r\nconst ProductDetails = () => {\r\n const { state } = useLocation();\r\n let navigate = useNavigate();\r\n const { userInfo } = useSelector((state) => state.auth);\r\n\r\n console.log({ state });\r\n\r\n const handleEdit = () =>{\r\n navigate(\"/dashboard/inventory/newVehicle?edit=true\", {state:{product:state?.product}});\r\n }\r\n\r\n return (\r\n <Container>\r\n <Stack spacing={2} sx={{ p: 3 }}>\r\n <Stack\r\n direction=\"row\"\r\n alignItems=\"center\"\r\n justifyContent=\"space-between\"\r\n >\r\n <Typography variant=\"h2\" noWrap>\r\n {`${state?.product?.year} ${state?.product.make} ${state?.product.model}`}\r\n </Typography>\r\n </Stack>\r\n\r\n <Stack\r\n direction=\"row\"\r\n alignItems=\"center\"\r\n justifyContent=\"space-between\"\r\n >\r\n <Typography variant=\"subtitle1\">\r\n <Typography\r\n component=\"span\"\r\n variant=\"body1\"\r\n sx={{\r\n color: \"text.disabled\",\r\n // textDecoration: \"line-through\",\r\n }}\r\n >\r\n {/* {`Brand Name: ${state?.product.brand.brandName}`} */}\r\n </Typography>\r\n \r\n </Typography>\r\n </Stack>\r\n </Stack>\r\n {/* <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\r\n <Stack spacing={2} sx={{ p: 3 }}>\r\n <StyledProductImg alt={\"name\"} src={state?.product.imgUrl[0]} />\r\n </Stack>\r\n <Stack spacing={2} sx={{ p: 3 }}>\r\n <StyledProductImg alt={\"name\"} src={state?.product.imgUrl[0]} />\r\n </Stack>\r\n </Stack> */}\r\n <Grid container spacing={2}>\r\n <Grid item xs={5}>\r\n <Card\r\n sx={{\r\n position: \"relative\",\r\n width: \"100%\",\r\n background: \"#F1F1F1\",\r\n }}\r\n >\r\n {/* <Box sx={{ position: \"relative\", width: \"75%\" }}> */}\r\n <StyledProductImg\r\n sx={{\r\n width: \"80%\",\r\n height: \"80%\",\r\n objectFit: \"contain\",\r\n }}\r\n src={`${imageURL}/${state?.product?.imageUrl}`}\r\n />\r\n {/* <Box\r\n sx={{\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n }}\r\n >\r\n \r\n <Box\r\n sx={{\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n alignItems: \"center\",\r\n gap: 2,\r\n width: \"100%\",\r\n paddingX: 1,\r\n }}\r\n >\r\n {state?.product?.imgUrl.map((item, key) => (\r\n <StyledProductImg\r\n key={key}\r\n sx={{\r\n width: \"25%\",\r\n height: \"5rem\",\r\n borderRadius: \"10%\",\r\n border:\r\n item === image\r\n ? \"2px solid black\"\r\n : \"none\",\r\n objectFit: \"contain\",\r\n }}\r\n onClick={() => setImage(item)}\r\n src={item}\r\n />\r\n ))}\r\n </Box>\r\n \r\n </Box> */}\r\n \r\n </Card>\r\n </Grid>\r\n <Grid item xs={1}></Grid>\r\n <Grid item xs={6}>\r\n <Table>\r\n <TableBody>\r\n <TableRow>\r\n <TableCell variant=\"subtitle1\">\r\n <b>VIN:</b>\r\n </TableCell>\r\n <TableCell>{state?.product?.vin}</TableCell>\r\n </TableRow>\r\n <TableRow>\r\n <TableCell variant=\"subtitle1\">\r\n <b>COLOR:</b>\r\n </TableCell>\r\n <TableCell\r\n style={{\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n }}\r\n >\r\n {state?.product?.color_name}\r\n <FiberManualRecordIcon\r\n style={{\r\n color: `${state?.product?.color}`,\r\n fontSize: \"30px\",\r\n marginLeft: \"10px\",\r\n }}\r\n />\r\n </TableCell>\r\n </TableRow>\r\n <TableRow>\r\n <TableCell variant=\"subtitle1\">\r\n <b>MILEAGE:</b>\r\n </TableCell>\r\n <TableCell>\r\n {state?.product?.mileage\r\n ? `${state?.product?.mileage} mileage`\r\n : \"\"}\r\n </TableCell>\r\n </TableRow>\r\n\r\n <TableRow>\r\n <TableCell variant=\"subtitle1\">\r\n <b>DETAILS:</b>\r\n </TableCell>\r\n <TableCell>\r\n {state?.product?.details\r\n ? `${state?.product?.details}`\r\n : \"\"}\r\n </TableCell>\r\n </TableRow>\r\n <TableRow>\r\n <TableCell>\r\n <Button\r\n variant=\"contained\"\r\n onClick={handleEdit}\r\n // endIcon={ <Iconify icon={ \"eva:chevron-up-fill\" } />}\r\n >Edit </Button>\r\n \r\n </TableCell>\r\n </TableRow>\r\n </TableBody>\r\n </Table>\r\n </Grid>\r\n </Grid>\r\n </Container>\r\n );\r\n};\r\n\r\nexport default ProductDetails;\r\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"circle\", {\n cx: \"12\",\n cy: \"12\",\n r: \"8\"\n}), 'FiberManualRecord');"],"names":["StyledProductImg","styled","top","width","height","objectFit","ProductDetails","_state$product","_state$product2","_state$product3","_state$product4","_state$product5","_state$product6","_state$product7","_state$product8","_state$product9","state","useLocation","navigate","useNavigate","userInfo","useSelector","auth","console","log","_jsxs","Container","children","Stack","spacing","sx","p","_jsx","direction","alignItems","justifyContent","Typography","variant","noWrap","concat","product","year","make","model","component","color","Grid","container","item","xs","Card","position","background","src","imageURL","imageUrl","Table","TableBody","TableRow","TableCell","vin","style","display","color_name","FiberManualRecordIcon","fontSize","marginLeft","mileage","details","Button","onClick","handleEdit","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","default","jsx","cx","cy","r"],"sourceRoot":""}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists