+
{
+ }} typeStyle={"primary"}>Zur Ticketansicht
+
+
+
)
diff --git a/src/app/(auth-required)/layout.tsx b/src/app/(auth-required)/layout.tsx
index ed4b313..e91c0bb 100644
--- a/src/app/(auth-required)/layout.tsx
+++ b/src/app/(auth-required)/layout.tsx
@@ -1,8 +1,9 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import type {Metadata} from "next";
+import {Geist, Geist_Mono} from "next/font/google";
import "@/app/globals.css";
import React from "react";
import {Header} from "@/components/Header/Header";
+import {Footer} from "@/components/Footer";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -28,11 +29,15 @@ export default function RootLayout({
return (
+
- {children}
+
+ {children}
+
+
);
diff --git a/src/app/(auth-required)/new/ticket/page.tsx b/src/app/(auth-required)/new/ticket/page.tsx
new file mode 100644
index 0000000..f7dbe9e
--- /dev/null
+++ b/src/app/(auth-required)/new/ticket/page.tsx
@@ -0,0 +1,159 @@
+'use client'
+import { use, useEffect, useState, ChangeEvent } from 'react'
+import { SingleCard } from "@/components/SingleCard/SingleCard";
+import Form from "next/dist/client/form";
+import { Button } from "@/components/Button";
+import {getCategories, Ticket} from "@/components/Tickets";
+import {sendRequestwTokenClient} from "@/app/actions/auth";
+import {getUser} from "@/components/getUser";
+import {useRouter} from "next/navigation";
+
+export default function Page({
+ params,
+ }: {
+ params: Promise<{ slug: string }>
+}) {
+
+ const router = useRouter();
+ const StateMapping = ["Offen","Bearbeitet","Abgeschlossen"]
+ const PrioMapping = ["Niedrig","Mittel","Hoch","Notfall"]
+
+
+ // Initialer State leer, damit wir keine Fehler bei undefined haben
+ const [currentUser, setCurrentUser] = useState
()
+ const [currentTicket, setCurrentTicket] = useState({
+ category: undefined,
+ description: "",
+ priority: 1,
+ status: 1,
+ ticketID: 1,
+ ticketname: "",
+ username: ""
+
+ });
+ const [categories, setCategories] = useState(null);
+
+ const { slug } = use(params);
+ const ticketId: number = Number(slug);
+
+
+ useEffect(() => {
+ const runAsync = async () => {
+ const category = await getCategories() || null;
+ const user = await getUser() || "none"
+ setCategories(category)
+ setCurrentUser(user)
+ setCurrentTicket((prev) => {return {...(prev as Ticket), username: user}})
+ }
+ runAsync();
+ }, [ticketId]);
+
+ // Zentraler Change-Handler für alle Inputs
+ const handleChange = (e: ChangeEvent) => {
+ const { name, value } = e.target;
+
+ setCurrentTicket((prev) => {
+ if (!prev) return null;
+
+ return {
+ ...prev,
+ [name]: value
+ };
+ });
+ };
+
+ const formAction = (e: FormData) => {
+
+ // Wenn du die Daten aus dem e: FormData Objekt ziehen willst (wie bisher):
+ const ticket: Ticket = {
+ status: Number(e.get("status")),
+ priority: Number(e.get("priority")),
+ category: e.get("category")?.toString(),
+ ticketname: e.get("ticketname")?.toString() || "none",
+ description: e.get("description")?.toString() || "none",
+ username: currentUser || "none",
+ };
+ sendRequestwTokenClient(`/ticket/create`, "POST",JSON.stringify(ticket))
+ router.push("/tickets")
+ };
+
+ if (!currentUser) {
+ return Loading...
+ }
+
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/(auth-required)/tickets/[slug]/page.tsx b/src/app/(auth-required)/tickets/[slug]/page.tsx
new file mode 100644
index 0000000..b2efcf0
--- /dev/null
+++ b/src/app/(auth-required)/tickets/[slug]/page.tsx
@@ -0,0 +1,147 @@
+'use client'
+import { use, useEffect, useState, ChangeEvent } from 'react'
+import { SingleCard } from "@/components/SingleCard/SingleCard";
+import Form from "next/dist/client/form";
+import { Button } from "@/components/Button";
+import {DetailedTicket, getCategories, Ticket} from "@/components/Tickets";
+import { getTicket } from "@/components/Tickets/getTicket";
+import {sendRequestwTokenClient} from "@/app/actions/auth";
+
+export default function Page({
+ params,
+ }: {
+ params: Promise<{ slug: string }>
+}) {
+
+ const StateMapping = ["A","B","C"]
+ const PrioMapping = ["Niedrig","Mittel","Hoch","Notfall"]
+
+
+ // Initialer State leer, damit wir keine Fehler bei undefined haben
+ const [currentTicket, setCurrentTicket] = useState(null);
+ const [categories, setCategories] = useState(null);
+
+ const { slug } = use(params);
+ const ticketId: number = Number(slug);
+
+
+ useEffect(() => {
+ const runAsync = async () => {
+ const ticket = await getTicket(ticketId) || null;
+ const category = await getCategories() || null;
+ setCategories(category)
+ setCurrentTicket(ticket);
+ }
+ runAsync();
+ }, [ticketId]);
+
+ // Zentraler Change-Handler für alle Inputs
+ const handleChange = (e: ChangeEvent) => {
+ const { name, value } = e.target;
+ console.log("IS CHANGED", name);
+
+ setCurrentTicket((prev) => {
+ if (!prev) return null;
+
+ return {
+ ...prev,
+ [name]: value
+ };
+ });
+ };
+
+ const formAction = (e: FormData) => {
+ // Hier kannst du die Daten an den Server schicken
+ console.log("Form submitted with:", currentTicket);
+
+ // Wenn du die Daten aus dem e: FormData Objekt ziehen willst (wie bisher):
+ const ticket: Ticket = {
+ status: Number(e.get("status")),
+ priority: Number(e.get("priority")),
+ category: e.get("category")?.toString(),
+ ticketname: e.get("ticketname")?.toString() || "none",
+ description: e.get("description")?.toString() || "none",
+ username: currentTicket?.username || "none",
+ };
+ sendRequestwTokenClient(`/ticket/update/${ticketId}`, "POST",JSON.stringify(ticket))
+ alert("Gespeichert!");
+ };
+
+ if (!currentTicket) return Lade Ticket...
;
+ console.log(currentTicket);
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/(auth-required)/tickets/page.tsx b/src/app/(auth-required)/tickets/page.tsx
new file mode 100644
index 0000000..07ab414
--- /dev/null
+++ b/src/app/(auth-required)/tickets/page.tsx
@@ -0,0 +1,18 @@
+'use server'
+
+import React from "react";
+import {SingleCard} from "@/components/SingleCard/SingleCard";
+import {TicketTable} from "@/components/TicketTable";
+
+export default async function Page() {
+
+ return (
+ <>
+
+ Deine Tickets
+
+ OFFENES LAYOUT
- {children}
+
+
+
+ {children}
+
+
);
diff --git a/src/app/(no-auth)/login/page.tsx b/src/app/(no-auth)/login/page.tsx
index 90b2fd3..21b56ff 100644
--- a/src/app/(no-auth)/login/page.tsx
+++ b/src/app/(no-auth)/login/page.tsx
@@ -1,12 +1,7 @@
-'use client'
+'use server'
import {SignInForm} from "@/components/SignInForm/SignInForm";
-interface Submission {
- username: string;
- password: string;
-}
-
-export default function Page() {
+export default async function Page() {
return (
{
const cookieStore = await cookies();
const token = cookieStore.get("token")?.value
+ const backendURL = process.env.API_ENDPOINT as string;
+ const fullUrl = `${backendURL}${url.startsWith("/") ? url: `/${url}`}`;
+
+
if (!token) return null;
@@ -75,9 +85,13 @@ export async function sendRequestwToken(url: string,method: string, body?: JSON)
"Authorization": bearerToken,
}
- return await fetch(url, {
+ return await fetch(fullUrl, {
method,
headers,
- body: body ? JSON.stringify(body) : undefined,
+ body: body ? body : undefined,
})
+}
+
+export async function sendRequestwTokenClient(url: string, method: string, body?: string) {
+ await sendRequestwToken(url, method, body)
}
\ No newline at end of file
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..3a7be39 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index d6ddd9a..97431af 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -1,19 +1,11 @@
"use client"
import React from "react";
-import {ClassNameValue, twMerge} from "tailwind-merge"
-import {clsx} from "clsx";
+import {CustomButtonProps} from "@/components/Button";
+import {cn} from "@/components/cn";
-interface CustomButtonProps extends React.HTMLProps {
- children?: React.ReactNode
- type?: "button" | "submit" | "reset"
- typeStyle?: "primary" | "secondary" | "tertiary"
-}
+export function Button({children, className, onClick, typeStyle = "primary", link, ...otherProps}: CustomButtonProps) {
-const cn = (...input: ClassNameValue[]) => twMerge(clsx(input));
-
-export function Button({children, className, onClick, typeStyle = "primary", ...otherProps}: CustomButtonProps) {
-
- let typStyleCss = () => {
+ const typStyleCss = () => {
switch (typeStyle) {
case "primary":
return cn("bg-primary", "border-primary", "hover:border-tertiary");
@@ -35,10 +27,11 @@ export function Button({children, className, onClick, typeStyle = "primary", ...
typStyleCss(),
"transition-all",
"border-2",
- "p-1",
+ "p-2 pr-8 pl-8",
"rounded",
"m-2",
"text-center",
+ "text-2xl",
className,
onClick && "hover:cursor-pointer",
)
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
new file mode 100644
index 0000000..c6917ba
--- /dev/null
+++ b/src/components/Button/index.ts
@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './interfaces';
\ No newline at end of file
diff --git a/src/components/Button/interfaces.ts b/src/components/Button/interfaces.ts
new file mode 100644
index 0000000..b05b1e3
--- /dev/null
+++ b/src/components/Button/interfaces.ts
@@ -0,0 +1,6 @@
+export interface CustomButtonProps extends React.HTMLProps {
+ children?: React.ReactNode
+ type?: "button" | "submit" | "reset"
+ typeStyle?: "primary" | "secondary" | "tertiary"
+ link?: string
+}
\ No newline at end of file
diff --git a/src/components/DAL/dal.ts b/src/components/DAL/dal.ts
index c1689e3..ee39454 100644
--- a/src/components/DAL/dal.ts
+++ b/src/components/DAL/dal.ts
@@ -2,7 +2,7 @@
import 'server-only'
-import { cookies } from 'next/headers'
+import {cookies} from 'next/headers'
import {cache} from "react";
import {sendRequestwToken} from "@/app/actions/auth";
import {TokenIsValid} from "@/app/actions/interfaces";
@@ -10,13 +10,13 @@ import {TokenIsValid} from "@/app/actions/interfaces";
export const verifySession = cache(async () => {
const cookie = (await cookies()).get('token')?.value
- const resp = await sendRequestwToken(`${process.env.API_ENDPOINT}/token/validate`,'GET')
+ const resp = await sendRequestwToken(`/token/validate`, 'GET')
if (!cookie || resp === null) {
- return { isAuth: false, token: cookie }
+ return {isAuth: false, token: cookie}
}
-
+ console.log("hello world")
const is_valid = (await (resp as Response).json()) as TokenIsValid
- return { isAuth: is_valid.is_valid, token: cookie }
+ return {isAuth: is_valid.is_valid, token: cookie}
})
\ No newline at end of file
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..0423d04
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,25 @@
+'use server'
+import {Link} from "@/components/Link";
+
+export async function Footer() {
+ const date = new Date();
+ const year = date.getFullYear();
+
+ return (
+
+
+
+
+
Home
+
Kontakt
+
Datenschutzerklärung
+
+
+ © {year} Leander Mundkowsky
+
+
(undefined);
+
+ useEffect(() => {
+ const execAsync = async () => {
+ const user = await getUser();
+ setUsername(user);
+ }
+
+ execAsync();
+ }, [])
+
+
+ const loggedState = useLoggedState();
return (
-
-
-
+
+
+
+
+
-
+
+ {loggedState &&
+ (<>
+
+
+
+
+
+ )
+ }
+
)
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
new file mode 100644
index 0000000..6ac0094
--- /dev/null
+++ b/src/components/Link/Link.tsx
@@ -0,0 +1,44 @@
+'use client'
+import React from "react";
+import {cn} from "@/components/cn";
+import {CustomLinkProps} from "@/components/Link/interfaces";
+import NextLink from "next/link";
+
+export function Link({children, className, typeStyle = "primary", href, ...otherProps}: CustomLinkProps) {
+
+ const typStyleCss = () => {
+ switch (typeStyle) {
+ case "primary":
+ return cn("bg-primary", "border-primary", "hover:border-tertiary");
+ case "secondary":
+ return cn("bg-primary/75", "border-primary/70", "hover:border-secondary");
+ case "tertiary":
+ return cn("border-tertiary", "hover:bg-primary/50", "hover:border-primary");
+ default:
+ break;
+ }
+ }
+
+
+ return (
+
+ {children}
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Link/index.ts b/src/components/Link/index.ts
new file mode 100644
index 0000000..eccf292
--- /dev/null
+++ b/src/components/Link/index.ts
@@ -0,0 +1,2 @@
+export * from './Link';
+export * from './interfaces';
\ No newline at end of file
diff --git a/src/components/Link/interfaces.ts b/src/components/Link/interfaces.ts
new file mode 100644
index 0000000..024f61b
--- /dev/null
+++ b/src/components/Link/interfaces.ts
@@ -0,0 +1,10 @@
+import {LinkProps} from "next/link";
+import React, {AnchorHTMLAttributes} from "react";
+import {Url} from "next/dist/shared/lib/router/router";
+
+export interface CustomLinkProps extends LinkProps, Omit
, keyof LinkProps> {
+ children?: React.ReactNode
+ type?: "button" | "submit" | "reset"
+ typeStyle?: "primary" | "secondary" | "tertiary"
+ link?: Url
+}
\ No newline at end of file
diff --git a/src/components/LogoutButton/LogoutButton.tsx b/src/components/LogoutButton/LogoutButton.tsx
new file mode 100644
index 0000000..e778d24
--- /dev/null
+++ b/src/components/LogoutButton/LogoutButton.tsx
@@ -0,0 +1,36 @@
+'use client'
+import {Button} from "@/components/Button";
+import {removeSession} from "@/components/LogoutButton/removeCookie";
+import {useEffect, useState} from "react";
+import Logout from "@/components/svg/logout";
+
+import {refresh} from "next/cache";
+
+export function LogoutButton() {
+
+ const [removeCookieState, setRemoveCookieState] = useState(false);
+
+ useEffect(() => {
+
+ if (!removeCookieState) {
+ return;
+ }
+ console.log("Cleared Login")
+
+ const execAsync = async () => {
+ await removeSession();
+ setRemoveCookieState(false);
+ }
+ execAsync();
+
+
+ }, [removeCookieState])
+
+ function onClick() {
+ setRemoveCookieState(true);
+ }
+
+ return (
+ (false);
+
+ return (
+ /* 'relative' sorgt dafür, dass das absolute Menü hier verankert bleibt */
+
+ setNotificationIsActive(!notificationIsActive)}
+ >
+
+
+ {notificationIsActive &&
+ );
+}
+
+function NotificationMenu() {
+ return (
+ /* 'absolute' nimmt das Element aus dem Fluss.
+ 'right-0' richtet es an der rechten Kante des Buttons aus.
+ 'z-50' sorgt dafür, dass es über dem Footer/Content liegt.
+ */
+
+
Benachrichtigungen
+
+
Hello World
+
{
+ children?: React.ReactNode
+}
+
+export function SingleCard({children, className, ...props}: SingleCardProps) {
+
+ return (
+
+ {children}
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/SingleCard/index.ts b/src/components/SingleCard/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/TicketTable/Row.tsx b/src/components/TicketTable/Row.tsx
new file mode 100644
index 0000000..b27dc19
--- /dev/null
+++ b/src/components/TicketTable/Row.tsx
@@ -0,0 +1,33 @@
+'use client'
+
+import {Ticket} from "@/components/Tickets";
+import {useRouter} from "next/navigation";
+import React from "react";
+
+export function Row({
+ ticketID,
+ ticketname,
+ username,
+ status,
+ priority,
+ category
+ }: Ticket) {
+ const router = useRouter()
+ const handleTableClick = () => {
+ router.push(`/tickets/${ticketID}`, {})
+ };
+ const StateMapping = ["Offen","Bearbeitet","Abgeschlossen"]
+ const PrioMapping = ["Niedrig","Mittel","Hoch","Notfall"]
+ return (
+
+ {ticketname}
+ {`${StateMapping[status]}`}
+ {`${PrioMapping[priority]}`}
+ {category}
+ {username}
+
+ )
+}
diff --git a/src/components/TicketTable/TicketTable.tsx b/src/components/TicketTable/TicketTable.tsx
new file mode 100644
index 0000000..f182b9e
--- /dev/null
+++ b/src/components/TicketTable/TicketTable.tsx
@@ -0,0 +1,72 @@
+import React from "react";
+import {Row} from "@/components/TicketTable";
+import {Ticket} from "@/components/Tickets";
+import {getTickets} from "@/components/Tickets/getTickets";
+
+
+export async function TicketTable() {
+
+ const tickets = await getTickets();
+ console.log(tickets);
+ const _mockData: Ticket[] = [{
+ "ticketID": 1,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack",
+ "description": "string"
+ },
+ {
+ "ticketID": 2,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack",
+ "description": "string"
+ },
+ {
+ "ticketID": 3,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack",
+ "description": "string"
+ },
+ {
+ "ticketID": 4,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack",
+ "description": "string"
+ }]
+
+
+ return (
+
+
+
+
+ Titel
+ Status
+ Priorität
+ Kategorie
+ Erstellt von
+
+
+
+ {tickets ? tickets.map((item, i) => (
+
+ )): (There are no Tickets available
+
+
{
+
+ const result = await sendRequestwToken(`/categories`,"GET");
+
+ if (!(await result?.clone().text())) {
+ return undefined;
+ }
+ const ticket = (await result?.json()) as string[];
+
+ if (ticket === null || ticket === undefined) {
+ return undefined;
+ }
+
+ return ticket;
+}
\ No newline at end of file
diff --git a/src/components/Tickets/getTicket.ts b/src/components/Tickets/getTicket.ts
new file mode 100644
index 0000000..2dc0626
--- /dev/null
+++ b/src/components/Tickets/getTicket.ts
@@ -0,0 +1,19 @@
+'use server'
+import {sendRequestwToken} from "@/app/actions/auth";
+import {DetailedTicket} from "@/components/Tickets";
+
+export async function getTicket(ticketId: number) : Promise {
+
+ const result = await sendRequestwToken(`/ticket/show/${ticketId}`,"GET");
+
+ if (!(await result?.clone().text())) {
+ return undefined;
+ }
+ const ticket = (await result?.json()) as DetailedTicket;
+
+ if (ticket === null || ticket === undefined) {
+ return undefined;
+ }
+
+ return ticket;
+}
\ No newline at end of file
diff --git a/src/components/Tickets/getTickets.ts b/src/components/Tickets/getTickets.ts
new file mode 100644
index 0000000..1838308
--- /dev/null
+++ b/src/components/Tickets/getTickets.ts
@@ -0,0 +1,21 @@
+import {sendRequestwToken} from "@/app/actions/auth";
+import {Ticket} from "@/components/Tickets/interfaces";
+
+export async function getTickets() {
+
+ const result = await sendRequestwToken("/ticket/show/all","GET");
+ if (!(await result?.clone().text())) {
+ return undefined;
+ }
+ const tickets = await result?.json() as Ticket[];
+ console.log("/////////////////////////////")
+ console.dir(tickets);
+
+ console.log(tickets);
+
+ if (tickets === null || tickets === undefined) {
+ return undefined;
+ }
+
+ return tickets;
+}
\ No newline at end of file
diff --git a/src/components/Tickets/index.ts b/src/components/Tickets/index.ts
new file mode 100644
index 0000000..ed7a5f4
--- /dev/null
+++ b/src/components/Tickets/index.ts
@@ -0,0 +1,4 @@
+export * from "./interfaces"
+export * from "./getTicket"
+export * from "./getTickets"
+export * from "./getCategories"
\ No newline at end of file
diff --git a/src/components/Tickets/interfaces.ts b/src/components/Tickets/interfaces.ts
new file mode 100644
index 0000000..4f24b97
--- /dev/null
+++ b/src/components/Tickets/interfaces.ts
@@ -0,0 +1,23 @@
+export interface Ticket {
+ "ticketID"?: number,
+ "status" : number,
+ "priority": number,
+ "category": string | undefined,
+ "ticketname": string,
+ description?: string,
+ "username": string,
+}
+
+export interface Messages {
+ "messageID": number,
+ "sequence": number,
+ "sendAt": string,
+ "content": string,
+ "sender": number,
+ "senderUsername": string,
+}
+
+export interface DetailedTicket extends Ticket {
+ userID: number,
+ messages: Messages[] | undefined,
+}
\ No newline at end of file
diff --git a/src/components/UserTable/Row.tsx b/src/components/UserTable/Row.tsx
new file mode 100644
index 0000000..fd80f82
--- /dev/null
+++ b/src/components/UserTable/Row.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import {Ticket} from "@/components/Tickets";
+
+export function Row({
+ ticketID,
+ ticketname,
+ username,
+ status,
+ priority,
+ category
+ }: Ticket) {
+ const handleTableClick = (event: React.MouseEvent) => {
+ // Beispiel: ID aus einem Daten-Attribut auslesen
+ const target = event.currentTarget;
+ console.log("Zeile geklickt!");
+ };
+ return (
+
+ {ticketname}
+ {`${status}`}
+ {`${priority}`}
+ {category}
+ {username}
+
+ )
+}
diff --git a/src/components/UserTable/UserTable.tsx b/src/components/UserTable/UserTable.tsx
new file mode 100644
index 0000000..b7587b3
--- /dev/null
+++ b/src/components/UserTable/UserTable.tsx
@@ -0,0 +1,65 @@
+import React from "react";
+import {Row} from "@/components/TicketTable";
+import {RequestTicket} from "@/components/RequestTickets";
+
+
+export async function UserTable() {
+ const mockData: RequestTicket[] = [{
+ "ticketID": 1,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack"
+ },
+ {
+ "ticketID": 2,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack"
+ },
+ {
+ "ticketID": 3,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack"
+ },
+ {
+ "ticketID": 4,
+ "ticketname": "ADAQ",
+ "username": "admin",
+ "status": 1,
+ "priority": 5,
+ "category": "Crack"
+ }]
+
+
+ return (
+
+ {/* Hinweis: mx-8 statt ml/mr für saubere Zentrierung bei w-full */}
+
+
+
+ Nutzer
+ Status
+ Priorität
+ Kategorie
+ Erstellt von
+
+
+
+ {mockData.map((item, i) => (
+
+ ))}
+
+
+
+
(false);
+
+ const path = usePathname()
+
+ useEffect(()=> {
+ const asyncReq = async () => {
+ const response = await isLoggedInServer()
+ setIsLoggedIn(response)
+ }
+ asyncReq()
+ },[path])
+
+ return isLoggedinVal
+}
diff --git a/src/components/isLoggedIn/isLoggedInServer.ts b/src/components/isLoggedIn/isLoggedInServer.ts
new file mode 100644
index 0000000..8e76a1e
--- /dev/null
+++ b/src/components/isLoggedIn/isLoggedInServer.ts
@@ -0,0 +1,11 @@
+'use server'
+import {cookies} from "next/headers";
+
+export async function isLoggedInServer() {
+ 'use server'
+ const cookieStore = await cookies()
+ const token = cookieStore.get('token');
+ const user = cookieStore.get("user");
+ return !!(user && token);
+
+}
\ No newline at end of file
diff --git a/src/components/svg/logo.tsx b/src/components/svg/logo.tsx
index 6bd48a7..c6031cf 100644
--- a/src/components/svg/logo.tsx
+++ b/src/components/svg/logo.tsx
@@ -1,17 +1,24 @@
import * as React from "react"
-import {SVGProps} from "react"
-
+import { SVGProps } from "react"
const Logo = (props: SVGProps) => (
-
)
-export default Logo
\ No newline at end of file
+export default Logo
diff --git a/src/components/svg/logout.tsx b/src/components/svg/logout.tsx
new file mode 100644
index 0000000..d5049d5
--- /dev/null
+++ b/src/components/svg/logout.tsx
@@ -0,0 +1,17 @@
+import * as React from "react"
+import {SVGProps} from "react"
+
+const Logout = (props: SVGProps) => (
+
+
+)
+export default Logout
diff --git a/src/components/svg/notifications/bell.tsx b/src/components/svg/notifications/bell.tsx
new file mode 100644
index 0000000..574b9c7
--- /dev/null
+++ b/src/components/svg/notifications/bell.tsx
@@ -0,0 +1,17 @@
+import * as React from "react"
+import {SVGProps} from "react"
+
+const Bell = (props: SVGProps) => (
+
+
+)
+export default Bell
diff --git a/src/components/svg/notifications/index.ts b/src/components/svg/notifications/index.ts
new file mode 100644
index 0000000..9afe012
--- /dev/null
+++ b/src/components/svg/notifications/index.ts
@@ -0,0 +1 @@
+export * from "./bell"
\ No newline at end of file
diff --git a/src/proxy.ts b/src/proxy.ts
index 3536468..3c427dc 100644
--- a/src/proxy.ts
+++ b/src/proxy.ts
@@ -1,8 +1,9 @@
import {NextRequest, NextResponse} from "next/server";
+import {verifySession} from "@/components/DAL/dal";
export default async function proxy(req: NextRequest) {
- const auth_is_valid = true // (await verifySession()).isAuth;
+ const auth_is_valid = (await verifySession()).isAuth;
const route_is_login = req.nextUrl.pathname === "/login"
if (route_is_login && auth_is_valid) { // Redirect User to Home if Login already acquired