From 1e63ad5b52511eb3ada61c9dfb39640551b7ee1d Mon Sep 17 00:00:00 2001
From: Torben Haack <tohaack@pm.me>
Date: Wed, 9 Oct 2024 13:46:57 +0200
Subject: [PATCH] remove experimental features

---
 .../src/app/admin/page.tsx                    | 59 +++++++++----------
 1 file changed, 27 insertions(+), 32 deletions(-)

diff --git a/packages/reservation-platform/src/app/admin/page.tsx b/packages/reservation-platform/src/app/admin/page.tsx
index 857edc0..a2296ab 100644
--- a/packages/reservation-platform/src/app/admin/page.tsx
+++ b/packages/reservation-platform/src/app/admin/page.tsx
@@ -1,10 +1,5 @@
-import { AbortReasonsBarChart } from "@/app/admin/charts/abort-reasons";
-import { LoadFactorChart } from "@/app/admin/charts/load-factor";
-import { PrintJobsDonut } from "@/app/admin/charts/printjobs-donut";
-import { DataCard } from "@/components/data-card";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { db } from "@/server/db";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
@@ -14,7 +9,7 @@ export const metadata: Metadata = {
 export const dynamic = "force-dynamic";
 
 export default async function AdminPage() {
-	const allPrintJobs = await db.query.printJobs.findMany({
+	/*const allPrintJobs = await db.query.printJobs.findMany({
 		with: {
 			printer: true,
 		},
@@ -32,19 +27,21 @@ export default async function AdminPage() {
 	const pendingPrintJobs = totalAmountOfPrintJobs - completedPrintJobs - abortedPrintJobs;
 
 	const abortedPrintJobsReasons = Object.entries(
-		allPrintJobs.reduce((accumulator: Record<string, number>, job) => {
-			if (job.aborted && job.abortReason) {
-				if (!accumulator[job.abortReason]) {
-					accumulator[job.abortReason] = 1;
-				} else {
-					accumulator[job.abortReason]++;
-				}
-			}
-			return accumulator;
-		}, {}),
+		totalAmountOfPrintJobs > 0
+			? allPrintJobs.reduce((accumulator: Record<string, number>, job) => {
+					if (job.aborted && job.abortReason) {
+						if (!accumulator[job.abortReason]) {
+							accumulator[job.abortReason] = 1;
+						} else {
+							accumulator[job.abortReason]++;
+						}
+					}
+					return accumulator;
+				}, {})
+			: {},
 	).map(([name, count]) => ({ name, Anzahl: count }));
 
-	const mostAbortedPrinter = allPrintJobs.reduce((prev, current) => (prev.aborted > current.aborted ? prev : current));
+	const mostAbortedPrinter = totalAmountOfPrintJobs > 0 ? allPrintJobs.reduce((prev, current) => (prev.aborted > current.aborted ? prev : current));
 
 	const mostUsedPrinter = allPrintJobs.reduce((prev, current) =>
 		prev.durationInMinutes > current.durationInMinutes ? prev : current,
@@ -60,68 +57,66 @@ export default async function AdminPage() {
 			return endAt > now.getTime();
 		});
 		return !inUse;
-	});
+	});*/
 
 	return (
 		<>
 			<Tabs defaultValue={"@general"} className="flex flex-col gap-4 items-start">
 				<TabsList className="bg-neutral-100 w-full py-6">
 					<TabsTrigger value="@general">Allgemein</TabsTrigger>
-					{allPrinters.map((printer) => (
+					{/*allPrinters.map((printer) => (
 						<TabsTrigger key={printer.id} value={printer.id}>
 							{printer.name}
 						</TabsTrigger>
-					))}
+					))*/}
 				</TabsList>
 				<TabsContent value="@general" className="w-full">
 					<div className="flex flex-col lg:grid lg:grid-cols-2 gap-4">
-						<DataCard title="Drucker mit meisten Reservierungen" value={mostUsedPrinter.printer.name} icon="Printer" />
-						<DataCard title="Drucker mit meisten Abbrüchen" value={mostAbortedPrinter.printer.name} icon="Printer" />
+						{/*<DataCard title="Drucker mit meisten Reservierungen" value={mostUsedPrinter.printer.name} icon="Printer" />
+						<DataCard title="Drucker mit meisten Abbrüchen" value={mostAbortedPrinter.printer.name} icon="Printer" />*/}
 						<Card className="w-full">
 							<CardHeader>
 								<CardTitle>Druckaufträge</CardTitle>
 								<CardDescription>nach Status</CardDescription>
 							</CardHeader>
 							<CardContent>
-								<PrintJobsDonut
+								{/*<PrintJobsDonut
 									data={[
 										{ name: "Abgeschlossen", value: completedPrintJobs },
 										{ name: "Abgebrochen", value: abortedPrintJobs },
 										{ name: "Ausstehend", value: pendingPrintJobs },
 									]}
-								/>
+								/>*/}
 							</CardContent>
 						</Card>
 						<Card className="w-full ">
 							<CardHeader>
 								<CardTitle>
-									Auslastung: <span>{((1 - freePrinters.length / allPrinters.length) * 100).toFixed(2)}%</span>
+									{/*	Auslastung: <span>{((1 - freePrinters.length / allPrinters.length) * 100).toFixed(2)}%</span> */}
 								</CardTitle>
 							</CardHeader>
 							<CardContent>
-								<LoadFactorChart
+								{/*<LoadFactorChart
 									data={[
 										{ name: "Frei", value: freePrinters.length },
 										{ name: "Belegt", value: allPrinters.length - freePrinters.length },
 									]}
-								/>
+								/>*/}
 							</CardContent>
 						</Card>
 						<Card className="w-full col-span-2">
 							<CardHeader>
 								<CardTitle>Abgebrochene Druckaufträge nach Abbruchgrund</CardTitle>
 							</CardHeader>
-							<CardContent>
-								<AbortReasonsBarChart data={abortedPrintJobsReasons} />
-							</CardContent>
+							<CardContent>{/*<AbortReasonsBarChart data={abortedPrintJobsReasons} />*/}</CardContent>
 						</Card>
 					</div>
 				</TabsContent>
-				{allPrinters.map((printer) => (
+				{/*allPrinters.map((printer) => (
 					<TabsContent key={printer.id} value={printer.id}>
 						{printer.description}
 					</TabsContent>
-				))}
+				))*/}
 			</Tabs>
 		</>
 	);