Sindbad~EG File Manager

{"version":3,"file":"static/js/332.7c782d1d.chunk.js","mappings":"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","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 direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\r\n          <Typography variant=\"h3\" noWrap>\r\n            {`${state?.product?.year || ''} ${state?.product.make || ''} ${\r\n              state?.product.model || ''\r\n            } ${state?.product.trim || ''}`}\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: '60%',\r\n                height: '60%',\r\n                objectFit: 'contain',\r\n                margin: '0 auto'\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            &nbsp;\r\n          </Card>\r\n        </Grid>\r\n        <Grid item xs={1}></Grid>\r\n        <Grid item xs={6} style={{ padding: '0px' }}>\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                  {state?.product?.color && (\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                  )}\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 ? `${state?.product?.mileage} mileage` : ''}\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>{state?.product?.details ? `${state?.product?.details}` : ''}</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                  >\r\n                    Edit{' '}\r\n                  </Button>\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$product10","state","useLocation","navigate","useNavigate","userInfo","useSelector","auth","console","log","_jsxs","Container","children","_jsx","Stack","spacing","sx","p","direction","alignItems","justifyContent","Typography","variant","noWrap","concat","product","year","make","model","trim","Grid","container","item","xs","Card","position","background","margin","src","imageURL","imageUrl","style","padding","Table","TableBody","TableRow","TableCell","vin","display","color_name","color","FiberManualRecordIcon","fontSize","marginLeft","mileage","details","Button","onClick","handleEdit","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","default","jsx","cx","cy","r"],"sourceRoot":""}