Merge branch 'main' of https://github.com/VAR-Virtual-Air-Rescue/var-monorepo

apps/hub/app/(app)/admin/message/page.tsx

@@ -1,8 +1,14 @@
+"use client";
+
 import { MessageSquareWarning } from "lucide-react";
 import { MessageForm } from "./_components/messageForm";
+import { PaginatedTable } from "_components/PaginatedTable";
+import { ColumnDef } from "@tanstack/react-table";
+import { Notam } from "@repo/db";
 
 export default function MessagePage() {
 	return (
+		<>
 			<div className="grid grid-cols-6 gap-4">
 				<div className="col-span-full">
 					<p className="text-2xl font-semibold text-left flex items-center gap-2">
@@ -15,5 +21,34 @@ export default function MessagePage() {
 					</div>
 				</div>
 			</div>
+			<PaginatedTable
+				prismaModel="notam"
+				columns={
+					[
+						{
+							accessorKey: "message",
+							header: "Nachricht",
+						},
+						{
+							accessorKey: "color",
+							header: "Status",
+							cell: ({ row }) => {
+								const color = row.getValue("color");
+								return color;
+							},
+						},
+						{
+							accessorKey: "createdAt",
+							header: "Erstellt am",
+							sortDescFirst: false,
+							cell: ({ cell }) => {
+								const date = new Date(cell.getValue() as string);
+								return date.toLocaleDateString();
+							},
+						},
+					] as ColumnDef<Notam>[]
+				}
+			/>
+		</>
 	);
 }

apps/hub/app/_components/Nav.tsx

@@ -8,8 +8,15 @@ import {
 } from "@radix-ui/react-icons";
 import Link from "next/link";
 import { WarningAlert } from "./ui/PageAlert";
+import { getServerSession } from "api/auth/[...nextauth]/auth";
+import { Error } from "./Error";
 
-export const VerticalNav = () => {
+export const VerticalNav = async () => {
+	const session = await getServerSession();
+	if (!session?.user) return <Error statusCode={401} title="Benutzer nicht authentifiziert!" />;
+	const viewAdminMenu = session.user.permissions.some((p) => {
+		return p.startsWith("ADMIN");
+	});
 	return (
 		<ul className="menu w-64 bg-base-300 p-3 rounded-lg shadow-md font-semibold">
 			<li>
@@ -35,6 +42,7 @@ export const VerticalNav = () => {
 					Einstellungen
 				</Link>
 			</li>
+			{viewAdminMenu && (
 				<li>
 					<details open>
 						<summary>
@@ -42,27 +50,40 @@ export const VerticalNav = () => {
 							Admin
 						</summary>
 						<ul>
+							{session.user.permissions.includes("ADMIN_USER") && (
 								<li>
 									<Link href="/admin/user">Benutzer</Link>
 								</li>
+							)}
+							{session.user.permissions.includes("ADMIN_STATION") && (
 								<li>
 									<Link href="/admin/station">Stationen</Link>
 								</li>
+							)}
+							{session.user.permissions.includes("ADMIN_KEYWORD") && (
 								<li>
 									<Link href="/admin/keyword">Stichworte</Link>
 								</li>
+							)}
+							{session.user.permissions.includes("ADMIN_EVENT") && (
 								<li>
 									<Link href="/admin/event">Events</Link>
 								</li>
+							)}
+							{session.user.permissions.includes("ADMIN_MESSAGE") && (
 								<li>
 									<Link href="/admin/message">Service Nachrichten</Link>
 								</li>
+							)}
+							{session.user.permissions.includes("ADMIN_USER") && (
 								<li>
 									<Link href="/admin/report">Reports</Link>
 								</li>
+							)}
 						</ul>
 					</details>
 				</li>
+			)}
 		</ul>
 	);
 };

packages/database/prisma/schema/user.prisma

@@ -14,6 +14,7 @@ enum PERMISSION {
     AUDIO_ADMIN
     ADMIN_STATION
     ADMIN_KEYWORD
+    ADMIN_MESSAGE
     AUDIO
     PILOT
     DISPO