Your IP : 216.73.217.77
{"version":3,"file":"static/js/781.f0b7eda7.chunk.js","mappings":"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","sources":["Components/Reusable/Profile/Bookings/BookingIndex.jsx","Components/Reusable/Profile/ProfileBooking.jsx"],"sourcesContent":["import { useTheme } from \"@emotion/react\";\nimport { Box, Tab, Tabs } from \"@mui/material\";\nimport { t } from \"i18next\";\nimport React, { useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport { Link } from \"react-router-dom\";\n\nconst BookingIndex = () => {\n const [currentTab, setCurrentTab] = useState(0);\n\n const location = useLocation();\n const theme = useTheme();\n var primaryColor = theme.palette?.primary?.main;\n const activeTabStyle = {\n background: primaryColor,\n borderRadius: \"6px\",\n color: \"white\",\n };\n useEffect(() => {\n const path = location.pathname;\n switch (path) {\n case \"/profile/booking\":\n setCurrentTab(0);\n break;\n case \"/profile/booking/awaiting\":\n setCurrentTab(1);\n break;\n case \"/profile/booking/confirmed\":\n setCurrentTab(2);\n break;\n case \"/profile/booking/cancelled\":\n setCurrentTab(3);\n break;\n case \"/profile/booking/rescheduled\":\n setCurrentTab(4);\n break;\n case \"/profile/booking/completed\":\n setCurrentTab(5);\n break;\n case \"/profile/booking/started\":\n setCurrentTab(6);\n break;\n default:\n setCurrentTab(0); // Set a default value if the path doesn't match any of the cases.\n }\n\n // Access the element by its ID or reference\n const elements = document.getElementsByClassName(\"MuiTabs-flexContainer\");\n\n // Check if the element exists before manipulating it\n // Loop through the elements and add the class to each one\n for (let i = 0; i < elements.length; i++) {\n elements[i].classList.add(\"css-heg063-MuiTabs-flexContainer\");\n }\n }, [location]);\n\n return (\n <div>\n <Box\n display={\"flex\"}\n color={\"black\"}\n bgcolor={\"#F2F1F6\"}\n borderRadius={2}\n overflow={\"auto\"}\n >\n <Tabs\n className=\"tabs\"\n sx={{ opacity: 1, overflow: \"auto\", color: \"black\", width: '100%' }}\n textColor=\"secondary\"\n indicatorColor=\"secondary\"\n variant=\"fullWidth\"\n >\n <Link to={\"/profile/booking\"}>\n <Tab\n value={0}\n label={t(\"all\")}\n sx={{\n opacity: 1,\n color: \"gray\",\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 0 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/awaiting\"}>\n <Tab\n value={1}\n label={t(\"awaiting\")}\n sx={{\n opacity: 1,\n color: \"gray\",\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 1 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/confirmed\"}>\n <Tab\n value={2}\n label={t(\"confirmed\")}\n sx={{\n color: \"gray\",\n opacity: 1,\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 2 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/started\"}>\n <Tab\n value={6}\n label={t(\"started\")}\n sx={{\n color: \"gray\",\n opacity: 1,\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 6 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/cancelled\"}>\n <Tab\n value={3}\n label={t(\"cancelled\")}\n sx={{\n color: \"gray\",\n opacity: 1,\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 3 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/rescheduled\"}>\n <Tab\n value={4}\n label={t(\"rescheduled\")}\n sx={{\n color: \"gray\",\n opacity: 1,\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 4 ? activeTabStyle : {}}\n />\n </Link>\n <Link to={\"/profile/booking/completed\"}>\n <Tab\n value={5}\n label={t(\"completed\")}\n sx={{\n color: \"gray\",\n opacity: 1,\n textTransform: \"none\",\n minWidth:\"145px\"\n }}\n style={currentTab === 5 ? activeTabStyle : {}}\n />\n </Link>\n \n </Tabs>\n </Box>\n </div>\n );\n};\n\nexport default BookingIndex;\n","import {\n Box,\n Breadcrumbs,\n Container,\n Grid,\n Pagination,\n Stack,\n Typography,\n useTheme,\n} from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport Heading from \"./Heading\";\nimport Pnavigation from \"./Pnavigation\";\nimport Layout from \"../../layout/Layout\";\nimport BookingSection from \"./Bookings/BookingSection\";\nimport { order_statues } from \"../../../config/config\";\nimport { t } from \"i18next\";\nimport { BookingSkeleton } from \"../Sections/Skeletons\";\nimport { useParams } from \"react-router\";\nimport BookingIndex from \"./Bookings/BookingIndex\";\nimport api from \"../../../API/apiCollection\";\nimport { BreadcrumbLink } from \"../../../CSS/ThemeStyle\";\nimport { setBookings } from \"../../../redux/Pages\";\nimport { useDispatch } from \"react-redux\";\nimport noServiceImage from \"../../../Images/No-service.png\";\n\nconst ProfileBooking = () => {\n const dispatch = useDispatch();\n const company_name = process.env.REACT_APP_NAME;\n document.title = `Profile - Bookings | ${company_name}`;\n const [bookingDataLoaded, setBookingDataLoaded] = useState(false);\n\n const [booking, setBooking] = useState([]);\n const [currentPage, setCurrentPage] = useState(0);\n const [totalPage, setTotalPage] = useState();\n const [error, setError] = useState();\n const itemsPerPage = 5;\n const { status } = useParams();\n\n const fetchData = async () => {\n setBookingDataLoaded(false);\n\n try {\n const result = await api.getOrders({\n id: \"\",\n currentPage: currentPage,\n itemsPerPage: itemsPerPage,\n status: status,\n order_statuses: order_statues,\n });\n dispatch(setBookings(result.data));\n setBooking(result.data);\n setTotalPage(result.total);\n setError(result.error);\n } catch (error) {\n console.log(\"error\", error);\n } finally {\n setBookingDataLoaded(true); // Mark the data as loaded\n }\n };\n useEffect(() => {\n\n fetchData();\n }, [currentPage, dispatch, status]);\n\n const theme = useTheme();\n const totalPages = Math.ceil(totalPage / itemsPerPage);\n\n return (\n <Layout>\n <Box\n // bgcolor={theme.palette.background.heading}\n paddingTop={\"35px\"}\n paddingBottom={\"35px\"}\n mt={2}\n >\n <Container maxWidth=\"lg\" className=\"mainContainer\">\n <Breadcrumbs\n separator=\"|\"\n aria-label=\"breadcrumb\"\n className=\"mb-1 mt-1\"\n >\n <BreadcrumbLink to={\"/\"} className=\"breadcrumb\" sx={{ mb: 0 }}>\n <strong> {t(\"home\")}</strong>\n </BreadcrumbLink>\n <Typography color=\"text.primary\">\n <strong>{t(\"profile\")}</strong>\n </Typography>\n </Breadcrumbs>\n <Typography variant=\"h4\" gutterBottom={true} sx={{ mt: \"12px\" }}>\n <strong>{t(\"bookings\")}</strong>\n </Typography>\n </Container>\n </Box>\n\n <Container className=\"mainContainer\" sx={{ mb: \"30px\", mt: \"-50px\" }}>\n <Grid spacing={3} container>\n <Grid item xs={12} md={4}>\n <Pnavigation />\n </Grid>\n <Grid item xs={12} md={8}>\n <Box\n sx={{ background: theme.palette.background.box }}\n mt={3}\n minHeight={570}\n borderRadius={4}\n >\n <Heading heading={t(\"my_bookings\")} />\n <Box padding={2}>\n <Box sx={{ mb: 3, overflow: \"auto\" }}>\n <BookingIndex />\n </Box>\n\n <>\n {bookingDataLoaded ? (\n booking && booking?.length > 0 ? (\n <BookingSection booking={booking} status={\"all\"} />\n ) : (\n <Box display=\"flex\" justifyContent=\"center\" m={2}>\n <Box\n display=\"block\"\n textAlign=\"center\"\n width=\"100%\"\n height=\"425px\"\n >\n <Box\n src={noServiceImage}\n alt=\"No Booking Found\"\n sx={{\n maxHeight: \"100%\",\n maxWidth: \"100%\",\n }}\n component={\"img\"}\n />\n <Typography>{t(\"no_booking\")}</Typography>\n </Box>\n </Box>\n )\n ) : (\n // Display loading skeleton\n <Box>\n <BookingSkeleton />\n <BookingSkeleton />\n <BookingSkeleton />\n <BookingSkeleton />\n </Box>\n )}\n </>\n <Box display={\"flex\"} justifyContent={\"center\"} mt={2}>\n {error === false && (\n <Stack spacing={2}>\n <Pagination\n count={totalPages}\n page={currentPage + 1}\n onChange={(event, page) => setCurrentPage(page - 1)}\n />\n </Stack>\n )}\n </Box>\n </Box>\n </Box>\n </Grid>\n </Grid>\n </Container>\n </Layout>\n );\n};\n\nexport default ProfileBooking;\n"],"names":["BookingIndex","_theme$palette","_theme$palette$primar","currentTab","setCurrentTab","useState","location","useLocation","activeTabStyle","background","useTheme","palette","primary","main","borderRadius","color","useEffect","pathname","elements","document","getElementsByClassName","i","length","classList","add","_jsx","children","Box","display","bgcolor","overflow","_jsxs","Tabs","className","sx","opacity","width","textColor","indicatorColor","variant","Link","to","Tab","value","label","t","textTransform","minWidth","style","ProfileBooking","dispatch","useDispatch","title","bookingDataLoaded","setBookingDataLoaded","booking","setBooking","currentPage","setCurrentPage","totalPage","setTotalPage","error","setError","status","useParams","async","result","api","getOrders","id","itemsPerPage","order_statuses","order_statues","setBookings","data","total","console","log","fetchData","theme","totalPages","Math","ceil","Layout","paddingTop","paddingBottom","mt","Container","maxWidth","Breadcrumbs","separator","BreadcrumbLink","mb","Typography","gutterBottom","Grid","spacing","container","item","xs","md","Pnavigation","box","minHeight","Heading","heading","padding","_Fragment","BookingSection","justifyContent","m","textAlign","height","src","noServiceImage","alt","maxHeight","component","BookingSkeleton","Stack","Pagination","count","page","onChange","event"],"sourceRoot":""}