loan/user-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

complete notifications

Browse Source
This commit is contained in:
Mohammad Jalali
2023-07-13 11:42:11 +03:30
parent 3c0fab50c6
commit ae60d656c2
7 changed files with 76 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/core/components/Notification/index.jsx
View File

@@ -1,36 +0,0 @@
import { toast } from "react-toastify";
import ErrorNotification from "./ErrorNotification";
import SuccessNotification from "./successNotification";
import WarningNotification from "./warningNotification";
const Notifications = (directionApp, response) => {
toast.dismiss();
switch (response.status) {
case 200:
SuccessNotification(directionApp, response.status);
break;
case 400:
ErrorNotification(directionApp, response.status);
break;
case 401:
ErrorNotification(directionApp, response.status);
break;
case 403:
ErrorNotification(directionApp, response.status);
break;
case 422:
ErrorNotification(directionApp, response.status, response.data.message);
break;
case 500:
WarningNotification(directionApp, response.status);
break;
case 503:
WarningNotification(directionApp, response.status);
break;
case 504:
WarningNotification(directionApp, response.status);
break;
}
};
export default Notifications;

23
src/core/components/Notification/ErrorNotification.jsx → src/core/components/notifications/ErrorNotification.jsx
View File

@@ -1,10 +1,8 @@
import DangerousIcon from "@mui/icons-material/Dangerous";
import { Box, Button, Divider, Typography } from "@mui/material";
import { Box, Typography } from "@mui/material";
import { toast } from "react-toastify";
import { useTranslations } from "next-intl";
const ErrorNotification = (directionApp, status, message) => {
const t = useTranslations();
const ErrorNotification = (directionApp, t, status, message) => {
toast(
({ closeToast }) => (
<>
@@ -20,27 +18,14 @@ const ErrorNotification = (directionApp, status, message) => {
<DangerousIcon color="error" sx={{ mr: 1.6 }} />
<Box sx={{ display: "flex", flexDirection: "column" }}>
<Typography color="error" variant="button">
{t("error")} ({t("code")}: {status})
{t("notifications.error")} ({t("notifications.code")}: {status})
</Typography>
<Typography variant="caption">
{message && t("error_static_text")}
{message || t("notifications.error_static_text")}
</Typography>
</Box>
</Box>
</Box>
<Divider sx={{ my: 1 }} />
<Button
variant="contained"
size="small"
color="error"
sx={{ mr: 0.5 }}
onClick={closeToast}
>
{t("button_close")}
</Button>
<Button variant="contained" size="small" color="info">
{t("button_contact_us")}
</Button>
</>
),
{

9
src/core/components/Notification/SuccessNotification.jsx → src/core/components/notifications/SuccessNotification.jsx
View File

@@ -1,10 +1,8 @@
import BeenhereIcon from "@mui/icons-material/Beenhere";
import { Box, Typography } from "@mui/material";
import { useTranslations } from "next-intl";
import { toast } from "react-toastify";
const SuccessNotification = (directionApp, status) => {
const t = useTranslations();
const SuccessNotification = (directionApp, t, status) => {
toast(
() => (
<>
@@ -20,10 +18,11 @@ const SuccessNotification = (directionApp, status) => {
<BeenhereIcon color="success" sx={{ mr: 1.6 }} />
<Box sx={{ display: "flex", flexDirection: "column" }}>
<Typography color="success.main" variant="button">
{t("success")} ({t("code")}: {status})
{t("notifications.success")} ({t("notifications.code")}:{" "}
{status})
</Typography>
<Typography variant="caption">
{t("success_static_text")}
{t("notifications.success_static_text")}
</Typography>
</Box>
</Box>

18
src/core/components/Notification/WarningNotification.jsx → src/core/components/notifications/WarningNotification.jsx
View File

@@ -1,10 +1,8 @@
import ReportIcon from "@mui/icons-material/Report";
import { Box, Button, Divider, Typography } from "@mui/material";
import { useTranslations } from "next-intl";
import { Box, Divider, Typography } from "@mui/material";
import { toast } from "react-toastify";
const WarningNotification = (directionApp, status) => {
const t = useTranslations();
const WarningNotification = (directionApp, t, status) => {
toast(
({ closeToast }) => (
<>
@@ -29,18 +27,6 @@ const WarningNotification = (directionApp, status) => {
</Box>
</Box>
<Divider sx={{ my: 1 }} />
<Button
variant="contained"
size="small"
color="warning"
sx={{ mr: 0.5 }}
onClick={closeToast}
>
{t("button_close")}
</Button>
<Button variant="contained" size="small" color="info">
{t("button_contact_us")}
</Button>
</>
),
{

46
src/core/components/notifications/index.jsx Normal file
View File

@@ -0,0 +1,46 @@
import { toast } from "react-toastify";
import ErrorNotification from "./ErrorNotification";
import SuccessNotification from "./successNotification";
import WarningNotification from "./warningNotification";
const Notifications = async (directionApp, t, response) => {
console.log(directionApp, t, response);
const { status, data } = response != undefined ? response : ""
toast.dismiss();
switch (status) {
case 200:
SuccessNotification(directionApp, t, status);
break;
case 400:
ErrorNotification(directionApp, t,status);
break;
case 401:
ErrorNotification(directionApp, t, status);
break;
case 403:
ErrorNotification(directionApp, t, status);
break;
case 422:
ErrorNotification(directionApp, t, status, data.message);
break;
case 500:
WarningNotification(directionApp, t, status);
break;
case 503:
WarningNotification(directionApp, t, status);
break;
case 504:
WarningNotification(directionApp, t, status);
break;
default:
toast(t("pending"), {
position: directionApp === "ltr" ? "top-left" : "top-right",
autoClose: false,
closeOnClick: false,
draggable: false,
});
break;
}
};
export default Notifications;