feat: add admin access control to runtime and user management pages

Author: nicosammito

src/packages/ce/src/dashboard/application/RuntimeCreatePage.tsx

@@ -1,17 +1,37 @@
 "use client"
 
 import React from "react";
-import {Button, Col, Flex, Spacing, Text, TextInput, toast, useForm, useService} from "@code0-tech/pictor";
+import {
+    Button,
+    Col,
+    Flex,
+    Spacing,
+    Text,
+    TextInput,
+    toast,
+    useForm,
+    useService, useStore,
+    useUserSession
+} from "@code0-tech/pictor";
 import Link from "next/link";
-import {useRouter} from "next/navigation";
+import {notFound, useRouter} from "next/navigation";
 import {RuntimeService} from "@edition/runtime/Runtime.service";
+import {UserService} from "@edition/user/User.service";
 
 export const RuntimeCreatePage: React.FC = () => {
 
     const runtimeService = useService(RuntimeService)
     const [, startTransition] = React.useTransition()
     const [token, setToken] = React.useState<string | null | undefined>(undefined)
     const router = useRouter()
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
+
+    if (currentUser && !currentUser.admin) {
+        return notFound()
+    }
 
     const [inputs, validate] = useForm({
         initialValues: {

src/packages/ce/src/dashboard/application/RuntimeSettingPage.tsx

@@ -13,13 +13,14 @@ import {
     toast,
     useForm,
     useService,
-    useStore
+    useStore, useUserSession
 } from "@code0-tech/pictor";
 import {RuntimeService} from "@edition/runtime/Runtime.service";
 import {notFound, useParams, useRouter} from "next/navigation";
 import {Tab, TabContent, TabList, TabTrigger} from "@code0-tech/pictor/dist/components/tab/Tab";
 import {IconGavel, IconSettings} from "@tabler/icons-react";
 import CardSection from "@code0-tech/pictor/dist/components/card/CardSection";
+import {UserService} from "@edition/user/User.service";
 
 export const RuntimeSettingPage: React.FC = () => {
 
@@ -29,9 +30,17 @@ export const RuntimeSettingPage: React.FC = () => {
     const [, startTransition] = React.useTransition()
     const [token, setToken] = React.useState<string | null | undefined>(undefined)
     const router = useRouter()
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
 
     const runtime = React.useMemo(() => runtimeService.getById(`gid://sagittarius/Runtime/${params.runtimeId as any}`), [runtimeStore, params])
 
+    if (currentUser && !currentUser.admin) {
+        return notFound()
+    }
+
     if (runtime?.userAbilities && (!runtime?.userAbilities?.updateRuntime || !runtime.userAbilities.deleteRuntime || !runtime.userAbilities.rotateRuntimeToken)) {
         return notFound()
     }

src/packages/ce/src/dashboard/application/RuntimesPage.tsx

@@ -1,14 +1,33 @@
 "use client"
 
 import React from "react";
-import {Button, DRuntimeList, Flex, Spacing, Text, TextInput} from "@code0-tech/pictor";
+import {
+    Button,
+    DRuntimeList,
+    Flex,
+    Spacing,
+    Text,
+    TextInput,
+    useService,
+    useStore,
+    useUserSession
+} from "@code0-tech/pictor";
 import {IconSearch} from "@tabler/icons-react";
 import Link from "next/link";
-import {useRouter} from "next/navigation";
+import {notFound, useRouter} from "next/navigation";
+import {UserService} from "@edition/user/User.service";
 
 export const RuntimesPage: React.FC = () => {
 
     const router = useRouter()
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
+
+    if (currentUser && !currentUser.admin) {
+        return notFound()
+    }
 
     return <>
         <Flex align={"center"} justify={"space-between"}>

src/packages/ce/src/dashboard/application/UsersPage.tsx

@@ -7,11 +7,22 @@ import {
     Flex,
     Spacing,
     Text,
-    TextInput,
+    TextInput, useService, useStore, useUserSession,
 } from "@code0-tech/pictor";
 import {IconSearch} from "@tabler/icons-react";
+import {UserService} from "@edition/user/User.service";
+import {notFound} from "next/navigation";
 export const UsersPage: React.FC = () => {
 
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
+
+    if (currentUser && !currentUser.admin) {
+        return notFound()
+    }
+
     return <>
         <Flex align={"center"} justify={"space-between"}>
             <Text size={"xl"} hierarchy={"primary"}>