Your IP : 216.73.217.77


Current Path : /home/users/unlimited/www/ondemand.codeskitter.site/build/static/js/
Upload File :
Current File : /home/users/unlimited/www/ondemand.codeskitter.site/build/static/js/409.dfe42196.chunk.js.map

{"version":3,"file":"static/js/409.dfe42196.chunk.js","mappings":"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","sources":["Components/Reusable/Profile/ProfileNotification.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Heading from \"./Heading\";\nimport {\n  Box,\n  Container,\n  Grid,\n  Pagination,\n  Skeleton,\n  Stack,\n  Card,\n  CardMedia,\n  CardContent,\n  Typography,\n  Breadcrumbs,\n  Button,\n} from \"@mui/material\";\nimport { BreadcrumbLink } from \"../../../CSS/ThemeStyle\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Pnavigation from \"./Pnavigation\";\nimport { t } from \"i18next\";\nimport Layout from \"../../layout/Layout\";\nimport api from \"../../../API/apiCollection\";\nimport { ceil } from \"lodash\";\nimport noDataImage from \"../../../Images/No__data-pana.png\";\nimport dummyUser from \"../../../Images/dummyUser.jpeg\";\nimport noProviderImage from \"../../../Images/no-provider.png\"\n\nconst ProfileNotification = () => {\n  const company_name = process.env.REACT_APP_NAME;\n  document.title = `Profile - Notifications | ${company_name}`;\n\n  const theme = useTheme();\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(\"notifications\")}</strong>\n          </Typography>\n        </Container>\n      </Box>\n      <Container\n        className=\"notification-container mainContainer\"\n        sx={{ mt: \"-40px\" }}\n      >\n        <Grid container spacing={1}>\n          <Grid item xs={12} md={4}>\n            <Pnavigation />\n          </Grid>\n          <Grid item xs={12} md={8}>\n            <Box\n              sx={{\n                mt: 3,\n                background: theme.palette.background.box,\n                borderRadius: \"10px\",\n              }}\n            >\n              <Heading heading={t(\"notifications\")} />\n              <Box minHeight={500}>\n                <NotificationList />\n              </Box>\n            </Box>\n          </Grid>\n        </Grid>\n      </Container>\n    </Layout>\n  );\n};\n\nexport const NotificationList = () => {\n  const [notification, setNotification] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [total, setTotal] = useState(0);\n  const limit = 5;\n  const [offset, setOffset] = useState(0);\n  const [error, setError] = useState(false);\n  const currentPage = 0;\n  const itemsPerPage = 3;\n\n  const changeItem = (e, v) => {\n    const newOffset = (v - 1) * limit;\n    setOffset(newOffset);\n  };\n\n  const fetchNotifications = async (page) => {\n    try {\n      const response = await api.userNotifications({\n        limit: limit,\n        offset: offset,\n      });\n      setNotification(response.data);\n      setTotal(response.total);\n      setLoading(true);\n      setError(false); // Resetting error state to false when data is successfully fetched\n    } catch (error) {\n      console.error(\"Error fetching notifications:\", error);\n      setError(true);\n      setLoading(false); // Setting error state to true when an error occurs\n    }\n  };\n\n  useEffect(() => {\n    fetchNotifications(currentPage);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [offset]);\n\n  const theme = useTheme();\n\n  const totalItems = total; // Use the total count from API response\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\n  return (\n    <>\n      {!error ? (\n        <Box\n          sx={{\n            maxWidth: \"100%\",\n            bgcolor: theme.palette.background.box,\n            padding: 0,\n          }}\n        >\n          {loading ? (\n            <>\n              {notification && notification?.length > 0 ? (\n                <Box sx={{ backgroundColor: theme.palette.background.box }}>\n                  {notification.map((response) => {\n                    return (\n                      <Box key={response.id} sx={{ boxShadow: \"none\" }}>\n                        <Card\n                          sx={{\n                            display: \"flex\",\n                            backgroundColor: theme.palette.background.box,\n                            mt: 2,\n                            mx: 3,\n                            boxShadow: \"none\",\n                            borderBottom: \"rgba(128, 128, 128, 0.14) 2px solid\",\n                          }}\n                        >\n                          <Box\n                            sx={{\n                              display: \"flex\",\n                              flexDirection: {\n                                xs: \"column\",\n                                sm: \"row\",\n                                md: \"row\",\n                              },\n                              mx: 3,\n                              alignItems: \"center\",\n                              width: \"100%\",\n                            }}\n                          >\n                            <CardMedia\n                              component=\"img\"\n                              sx={{\n                                width: { xs: \"100%\", sm: 151, md: \"70px\" },\n                                height: { xs: \"100%\", sm: 151, md: \"70px\" },\n                                borderRadius: { xs: \"10px\", md: \"50%\" },\n                              }}\n                              image={response.image || dummyUser}\n                              onError={(e) => {\n                                e.target.src = dummyUser;\n                              }}\n                              alt=\"Notification Image\"\n                            />\n                            <Box\n                              sx={{ display: \"flex\", flexDirection: \"column\" }}\n                              width={\"100%\"}\n                              ml={0.5}\n                            >\n                              <CardContent\n                                sx={{\n                                  flex: \"1 0 auto\",\n                                  display: \"flex\",\n                                  flexWrap: { xs: \"wrap\", lg: \"nowrap\" },\n                                  gap: { xs: \"12px\", lg: \"0px\" },\n                                }}\n                              >\n                                <Box\n                                  display={\"flex\"}\n                                  flexDirection={\"column\"}\n                                  width={\"90%\"}\n                                  justifyContent={\"space-between\"}\n                                >\n                                  <Typography component=\"div\" variant=\"h6\">\n                                    {response.title}\n                                  </Typography>\n                                  <Typography\n                                    variant=\"subtitle2\"\n                                    color=\"text.secondary\"\n                                    component=\"div\"\n                                  >\n                                    {response.message}\n                                  </Typography>\n                                </Box>\n                                <Typography\n                                  variant=\"subtitle2\"\n                                  color=\"text.secondary\"\n                                  component=\"div\"\n                                >\n                                  {response.duration}\n                                </Typography>\n                              </CardContent>\n                            </Box>\n                          </Box>\n                        </Card>\n                      </Box>\n                    );\n                  })}\n\n                  <Box\n                    display={\"flex\"}\n                    justifyContent={\"center\"}\n                    mt={12}\n                    pb={3}\n                  >\n                    <Stack spacing={2}>\n                      {totalPages > 0 ? (\n                        <Pagination\n                          showFirstButton\n                          showLastButton\n                          count={ceil(total / limit)}\n                          onChange={changeItem}\n                        />\n                      ) : (\n                        \"\"\n                      )}\n                    </Stack>\n                  </Box>\n                </Box>\n              ) : (\n                <>\n                  <Box\n                    display={\"flex\"}\n                    maxWidth={\"100%\"}\n                    justifyContent={\"center\"}\n                  >\n                    <Box\n                      component={\"img\"}\n                      src={noProviderImage}\n                      alt=\"NO SUB CATEGORY FOUND\"\n                      sx={{ maxWidth: \"100%\" }}\n                      width={\"auto\"}\n                    />\n                  </Box>\n\n                  <Box display={\"flex\"} justifyContent={\"center\"}>\n                    <Typography variant=\"body1\">\n                      {t(\"no_notifications\")}\n                    </Typography>\n                  </Box>\n                </>\n              )}\n            </>\n          ) : (\n            <Container>\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n            </Container>\n          )}\n        </Box>\n      ) : (\n        <Box>\n          {!loading ? (\n            <Grid\n              container\n              spacing={2}\n              direction=\"column\" // Stack components vertically\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              height=\"100vh\" // Adjust this according to your layout\n              sx={{\n                marginTop: {\n                  xs: 0, // No margin on extra small screens\n                  md: -20, // 100px margin on medium screens and larger\n                },\n              }}\n            >\n              <Grid item>\n                <CardMedia\n                  component=\"img\"\n                  src={noDataImage} // Use the imported PNG image\n                  alt=\"No Data Image\"\n                  sx={{\n                    width: { xs: 300, sm: 600, md: 700 }, // Set width based on screen size\n                    height: \"auto\", // Maintain aspect ratio\n                    border: \"none\", // Remove border\n                    boxShadow: \"none\", // Remove box shadow\n                  }}\n                />\n              </Grid>\n              <Grid item>\n                <Typography\n                  sx={{\n                    textAlign: \"center\", // Center the text\n                    marginTop: {\n                      xs: 0, // No margin on extra small screens\n                      md: -22, // 100px margin on medium screens and larger\n                    },\n                  }}\n                >\n                  <Typography\n                    variant=\"body1\"\n                    sx={{\n                      textAlign: \"left\",\n                      fontFamily: \"Plus Jakarta Sans\",\n                      fontWeight: \"bold\",\n                      fontSize: \"32px\",\n                      lineHeight: \"32px\",\n                      letterSpacing: \"0px\",\n                    }}\n                  >\n                    {t(\"something_went_wrong\")}\n                  </Typography>\n\n                  <Typography\n                    variant=\"body1\"\n                    sx={{\n                      color: \"var(--secondary-color-343f53)\", // Using custom color variable\n                      textAlign: \"left\",\n                      fontFamily: \"Plus Jakarta Sans\",\n                      fontWeight: \"normal\",\n                      fontSize: \"20px\",\n                      lineHeight: \"32px\",\n                      letterSpacing: \"0px\",\n                      opacity: 0.7,\n                      marginLeft: 5,\n                    }}\n                  >\n                    {t(\"try_again_later\")}\n                  </Typography>\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Button\n                  variant=\"contained\"\n                  onClick={fetchNotifications}\n                  sx={{\n                    textTransform: \"none\",\n                    marginTop: {\n                      xs: 0, // No margin on extra small screens\n                      md: -28, // 100px margin on medium screens and larger\n                    },\n                  }}\n                >\n                  {t(\"retry\")}\n                </Button>\n              </Grid>\n            </Grid>\n          ) : (\n            <Container>\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n              <Skeleton height={\"100px\"} />\n            </Container>\n          )}\n        </Box>\n      )}\n    </>\n  );\n};\n\nexport default ProfileNotification;\n"],"names":["NotificationList","notification","setNotification","useState","loading","setLoading","total","setTotal","offset","setOffset","error","setError","fetchNotifications","async","response","api","userNotifications","limit","data","console","useEffect","theme","useTheme","totalItems","totalPages","Math","ceil","_jsx","_Fragment","children","Box","_jsxs","Container","Skeleton","height","Grid","container","spacing","direction","alignItems","justifyContent","sx","marginTop","xs","md","item","CardMedia","component","src","noDataImage","alt","width","sm","border","boxShadow","Typography","textAlign","variant","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","t","color","opacity","marginLeft","Button","onClick","textTransform","maxWidth","bgcolor","palette","background","box","padding","length","backgroundColor","map","Card","display","mt","mx","borderBottom","flexDirection","borderRadius","image","dummyUser","onError","e","target","ml","CardContent","flex","flexWrap","lg","gap","title","message","duration","id","pb","Stack","Pagination","showFirstButton","showLastButton","count","onChange","changeItem","v","noProviderImage","ProfileNotification","document","Layout","paddingTop","paddingBottom","className","Breadcrumbs","separator","BreadcrumbLink","to","mb","gutterBottom","Pnavigation","Heading","heading","minHeight"],"sourceRoot":""}