diff --git a/src/app/(auth-required)/new/ticket/page.tsx b/src/app/(auth-required)/new/ticket/page.tsx index 415c7d5..887f456 100644 --- a/src/app/(auth-required)/new/ticket/page.tsx +++ b/src/app/(auth-required)/new/ticket/page.tsx @@ -74,7 +74,7 @@ export default function Page({ username: currentUser || "none", }; sendRequestwTokenClient(`/ticket/create`, "POST",JSON.stringify(ticket)) - revalidatePathClient("/tickets","page").then( async () => router.push("/tickets",)) + revalidatePathClient("/tickets","page").then( () => router.push("/tickets",)) }; if (!currentUser) { diff --git a/src/app/(auth-required)/tickets/[slug]/page.tsx b/src/app/(auth-required)/tickets/[slug]/page.tsx index fb13611..93717bf 100644 --- a/src/app/(auth-required)/tickets/[slug]/page.tsx +++ b/src/app/(auth-required)/tickets/[slug]/page.tsx @@ -7,7 +7,7 @@ import {DetailedTicket, getCategories, Ticket} from "@/components/Tickets"; import { getTicket } from "@/components/Tickets/getTicket"; import {sendRequestwTokenClient} from "@/app/actions/auth"; import {revalidatePathClient} from "@/components/revalidatePathClient/revalidatePathClient"; -import {router} from "next/client"; +import {useRouter} from "next/navigation"; export default function Page({ params, @@ -15,7 +15,9 @@ export default function Page({ params: Promise<{ slug: string }> }) { - const StateMapping = ["A","B","C"] + const router = useRouter(); + + const StateMapping = ["Offen","Bearbeitet","Abgeschlossen"] const PrioMapping = ["Niedrig","Mittel","Hoch","Notfall"] @@ -66,7 +68,7 @@ export default function Page({ const asyncRedirect = async () => { await revalidatePathClient(`/tickets/${ticketId}`,"page") - await router.push("/tickets") + router.push("/tickets") } sendRequestwTokenClient(`/ticket/update/${ticketId}`, "POST",JSON.stringify(ticket)).then(asyncRedirect) }; diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx index 97431af..07c5c72 100644 --- a/src/components/Button/Button.tsx +++ b/src/components/Button/Button.tsx @@ -8,9 +8,9 @@ export function Button({children, className, onClick, typeStyle = "primary", lin const typStyleCss = () => { switch (typeStyle) { case "primary": - return cn("bg-primary", "border-primary", "hover:border-tertiary"); + return cn("bg-primary", "border-primary", "hover:border-tertiary", "text-white"); case "secondary": - return cn("bg-primary/75", "border-primary/70", "hover:border-secondary"); + return cn("bg-primary/75", "border-primary/70", "hover:border-secondary", "text-white"); case "tertiary": return cn("border-tertiary", "hover:bg-primary/50", "hover:border-primary"); default: diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 34d66e6..dc9acfa 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -37,7 +37,7 @@ export function Header() {
{loggedState && (<> - + {/* */}
Angemeldet als {username} diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx index 6ac0094..5033a79 100644 --- a/src/components/Link/Link.tsx +++ b/src/components/Link/Link.tsx @@ -9,9 +9,9 @@ export function Link({children, className, typeStyle = "primary", href, ...other const typStyleCss = () => { switch (typeStyle) { case "primary": - return cn("bg-primary", "border-primary", "hover:border-tertiary"); + return cn("bg-primary", "border-primary", "hover:border-tertiary", "text-white"); case "secondary": - return cn("bg-primary/75", "border-primary/70", "hover:border-secondary"); + return cn("bg-primary/75", "border-primary/70", "hover:border-secondary", "text-white"); case "tertiary": return cn("border-tertiary", "hover:bg-primary/50", "hover:border-primary"); default: diff --git a/src/components/TicketTable/Row.tsx b/src/components/TicketTable/Row.tsx index 2ce1e43..b4c7aab 100644 --- a/src/components/TicketTable/Row.tsx +++ b/src/components/TicketTable/Row.tsx @@ -24,7 +24,7 @@ export function Row({ className="text-center border-b h-16 hover:bg-primary/10 cursor-pointer transition-colors " > {ticketname} - {`${StateMapping[status]}`} + {`${StateMapping[status -1]}`} {`${PrioMapping[priority -1]}`} {category} {username} diff --git a/src/components/TicketTable/TicketTable.tsx b/src/components/TicketTable/TicketTable.tsx index 4396ea3..db25744 100644 --- a/src/components/TicketTable/TicketTable.tsx +++ b/src/components/TicketTable/TicketTable.tsx @@ -3,10 +3,12 @@ import {Row} from "@/components/TicketTable"; import {getTickets} from "@/components/Tickets/getTickets"; import Add from "@/components/svg/add"; import {Link} from "@/components/Link"; +import {getCategories} from "@/components/Tickets"; export async function TicketTable() { const tickets = await getTickets(); + const category = await getCategories(); return (
@@ -25,7 +27,7 @@ export async function TicketTable() { + status={item.status} priority={item.priority} category={item.category} /> )): (There are no Tickets available)} diff --git a/src/components/Tickets/getTickets.ts b/src/components/Tickets/getTickets.ts index 1838308..31c7f37 100644 --- a/src/components/Tickets/getTickets.ts +++ b/src/components/Tickets/getTickets.ts @@ -8,10 +8,6 @@ export async function getTickets() { return undefined; } const tickets = await result?.json() as Ticket[]; - console.log("/////////////////////////////") - console.dir(tickets); - - console.log(tickets); if (tickets === null || tickets === undefined) { return undefined;