feat: Use ViewConfig to protect views

vaadin · Mar 28, 2024 · 918370f · 918370f
1 parent d5a47e9
commit 918370f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/main/frontend/routes.tsx b/src/main/frontend/routes.tsx
@@ -12,9 +12,9 @@ let routing = protectRoutes([
         element: <Layout />,
         handle: { title: 'Main' },
         children: [
-            { path: '/', element: <Public />, handle: { title: 'Public', requiresLogin: false } },
-            { path: '/about', element: <About />, handle: { title: 'Welcome', requiresLogin: true } },
-            { path: '/hilla', element: <Hilla />, handle: { title: 'Hilla', rolesAllowed: ['ROLE_USER'] } }
+            { path: '/', element: <Public />, handle: { title: 'Public' } },
+            { path: '/about', element: <About />, handle: { title: 'Welcome' } },
+            { path: '/hilla', element: <Hilla />, handle: { title: 'Hilla' } }
         ],
     },
     { path: '/login', element: <Login />, handle: { title: 'Login' } }

diff --git a/src/main/frontend/views/about.tsx b/src/main/frontend/views/about.tsx
@@ -1,4 +1,9 @@
 import { VerticalLayout } from "@vaadin/react-components/VerticalLayout.js";
+import type {ViewConfig} from "@vaadin/hilla-file-router/types.js";
+
+export const config: ViewConfig = {
+    loginRequired: true
+};
 
 /**
  * Hilla views that allows access only for authenticated users.

diff --git a/src/main/frontend/views/hilla.tsx b/src/main/frontend/views/hilla.tsx
@@ -4,6 +4,13 @@ import { HelloEndpoint } from "Frontend/generated/endpoints";
 import { useState } from "react";
 import {VerticalLayout} from "@vaadin/react-components/VerticalLayout.js";
 
+import type {ViewConfig} from "@vaadin/hilla-file-router/types.js";
+
+export const config: ViewConfig = {
+    loginRequired: true,
+    rolesAllowed: ['ROLE_USER'],
+};
+
 /**
  * Hilla view that allows access only for users with a role 'USER'
  */