Switch to Hilla for UI

frontend/util/auth.ts

@@ -0,0 +1,10 @@
+import {configureAuth} from '@hilla/react-auth';
+import {UserEndpoint} from 'Frontend/generated/endpoints';
+
+// Configure auth to use `UserInfoService.getUserInfo`
+const auth = configureAuth(UserEndpoint.getUserInfo);
+
+// Export auth provider and useAuth hook, which are automatically
+// typed to the result of `UserInfoService.getUserInfo`
+export const useAuth = auth.useAuth;
+export const AuthProvider = auth.AuthProvider;

frontend/util/routing.ts

@@ -0,0 +1,15 @@
+import { useMatches } from 'react-router-dom';
+
+type RouteMetadata = {
+  [key: string]: any;
+};
+
+/**
+ * Returns the `handle` object containing the metadata for the current route,
+ * or undefined if the route does not have defined a handle.
+ */
+export function useRouteMetadata(): RouteMetadata | undefined {
+  const matches = useMatches();
+  const match = matches[matches.length - 1];
+  return match?.handle as RouteMetadata | undefined;
+}