Merge pull request #115 from LerianStudio/feature/not-authorized-page

✨ feat: Added not authorized page
LerianStudio · Jan 16, 2025 · 44cf689 · 44cf689
2 parents 987f31c + d55b3d2
commit 44cf689
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 4 deletions.
diff --git a/locales/extracted/en.json b/locales/extracted/en.json
@@ -238,6 +238,8 @@
   "ledgers.toast.update.success": "Ledger changes saved successfully",
   "ledgersPage.alert.description": "To use ledger features, you need to create an organization.",
   "ledgersPage.alert.title": "Organization Required",
+  "notAuthorized.backToHome": "Back to Home",
+  "notAuthorized.title": "You are not authorized to access this page.",
   "notFound.backToHome": "Back to Home",
   "notFound.description": "Try accessing another page.",
   "notFound.title": "The page you are looking for does not exist.",

diff --git a/locales/extracted/pt.json b/locales/extracted/pt.json
@@ -328,5 +328,7 @@
   "settings.system.language": "Idioma",
   "settings.system.locale.description": "Selecione o idioma que você gostaria de usar no Midaz.",
   "settings.system.paper.description": "Ajustes as preferências de sistema.",
-  "settings.tabs.system": "Sistema"
-}
+  "settings.tabs.system": "Sistema",
+  "notAuthorized.backToHome": "Voltar para Home",
+  "notAuthorized.title": "Você não tem autorização para acessar esta página."
+}
diff --git a/src/context/permission-provider/route-enforcer.tsx b/src/context/permission-provider/route-enforcer.tsx
@@ -1,5 +1,7 @@
-import { redirect } from 'next/navigation'
+import Link from 'next/link'
 import { usePermissions } from './permission-provider-client'
+import { useIntl } from 'react-intl'
+import { Button } from '@/components/ui/button'
 
 type RouteEnforcerProps = React.PropsWithChildren & {
   resource: string
@@ -11,10 +13,32 @@ export const RouteEnforcer = ({
   action,
   children
 }: RouteEnforcerProps) => {
+  const intl = useIntl()
   const { validate } = usePermissions()
 
   if (!validate(resource, action)) {
-    redirect('/')
+    return (
+      <div className="flex h-full flex-col items-center justify-center">
+        <div className="flex flex-col justify-center gap-4 text-center">
+          <h1 className="text-3xl">
+            {intl.formatMessage({
+              id: 'notAuthorized.title',
+              defaultMessage: 'You are not authorized to access this page.'
+            })}
+          </h1>
+          <div className="flex justify-center">
+            <Link href="/">
+              <Button>
+                {intl.formatMessage({
+                  id: 'notAuthorized.backToHome',
+                  defaultMessage: 'Back to Home'
+                })}
+              </Button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    )
   }
 
   return children