role_middleware

src/middlewares/RolePermission.jsx

@@ -0,0 +1,43 @@
+import { NextLinkComposed } from "@/core/components/LinkRouting";
+import Message from "@/core/components/Messages";
+import useUser from "@/lib/app/hooks/useUser";
+import { Button, Typography } from "@mui/material";
+import { useTranslations } from "next-intl";
+
+const RolePermission = ({ children, requiredPermissions }) => {
+  const { user } = useUser();
+  const t = useTranslations();
+
+  const hasPermission = requiredPermissions.some((permission) =>
+    user?.role?.includes(permission)
+  );
+
+  if (!hasPermission) {
+    return (
+      <Message
+        text={
+          <Typography sx={{ textAlign: "center" }}>
+            {t("Permission.typography_you_dont_have_access")}
+          </Typography>
+        }
+        actions={
+          <>
+            <Button
+              variant="contained"
+              component={NextLinkComposed}
+              to={{
+                pathname: "/dashboard",
+              }}
+            >
+              {t("Permission.button_back_dashboard")}
+            </Button>
+          </>
+        }
+      />
+    );
+  }
+
+  return <>{children}</>;
+};
+
+export default RolePermission;