Redesigned Search, removed Unused Admin Route

apps/hub/app/(app)/_components/RecentFlights.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Mission, MissionAlertLog, MissionLog, Station } from "@repo/db";
+import { Mission, MissionAlertLog, MissionLog, Prisma, Station } from "@repo/db";
 import { ColumnDef } from "@tanstack/react-table";
 import { PaginatedTable } from "_components/PaginatedTable";
 import { ArrowRight, NotebookText } from "lucide-react";
@@ -12,20 +12,22 @@ export const RecentFlights = () => {
 		<div className="card-body">
 			<h2 className="card-title justify-between">
 				<span className="card-title">
-					<NotebookText className="w-4 h-4" /> Logbook
+					<NotebookText className="h-4 w-4" /> Logbook
 				</span>
 				<Link className="badge badge-sm badge-info badge-outline" href="/logbook">
-					Zum vollständigen Logbook <ArrowRight className="w-4 h-4" />
+					Zum vollständigen Logbook <ArrowRight className="h-4 w-4" />
 				</Link>
 			</h2>
 			<PaginatedTable
 				prismaModel={"missionOnStationUsers"}
-				filter={{
-					userId: session.data?.user?.id ?? "",
-					Mission: {
-						state: "finished",
-					},
-				}}
+				getFilter={() =>
+					({
+						User: { id: session.data?.user.id },
+						Mission: {
+							state: { in: ["finished", "archived"] },
+						},
+					}) as Prisma.MissionOnStationUsersWhereInput
+				}
 				include={{
 					Station: true,
 					User: true,

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

@@ -3,7 +3,7 @@ import { DatabaseBackupIcon } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
 import { ColumnDef } from "@tanstack/react-table";
-import { Keyword } from "@repo/db";
+import { Keyword, Prisma } from "@repo/db";
 
 export default () => {
 	return (
@@ -12,7 +12,15 @@ export default () => {
 				stickyHeaders
 				initialOrderBy={[{ id: "title", desc: true }]}
 				prismaModel="changelog"
-				searchFields={["title"]}
+				showSearch
+				getFilter={(search) =>
+					({
+						OR: [
+							{ title: { contains: search, mode: "insensitive" } },
+							{ description: { contains: search, mode: "insensitive" } },
+						],
+					}) as Prisma.ChangelogWhereInput
+				}
 				columns={
 					[
 						{

apps/hub/app/(app)/admin/event/_components/AppointmentModal.tsx

@@ -1,4 +1,4 @@
-import { Event, Participant } from "@repo/db";
+import { Event, Participant, Prisma } from "@repo/db";
 import { EventAppointmentOptionalDefaults, InputJsonValueType } from "@repo/db/zod";
 import { ColumnDef } from "@tanstack/react-table";
 import { useSession } from "next-auth/react";
@@ -167,9 +167,11 @@ export const AppointmentModal = ({
 								] as ColumnDef<Participant>[]
 							}
 							prismaModel={"participant"}
-							filter={{
-								eventAppointmentId: appointmentForm.watch("id"),
-							}}
+							getFilter={() =>
+								({
+									eventAppointmentId: appointmentForm.watch("id")!,
+								}) as Prisma.ParticipantWhereInput
+							}
 							include={{ User: true }}
 							leftOfPagination={
 								<div className="flex gap-2">

apps/hub/app/(app)/admin/event/_components/Form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { BADGES, Event, EVENT_TYPE, Participant, PERMISSION, User } from "@repo/db";
+import { BADGES, Event, EVENT_TYPE, Participant, PERMISSION, Prisma, User } from "@repo/db";
 import {
 	EventAppointmentOptionalDefaults,
 	EventAppointmentOptionalDefaultsSchema,
@@ -159,9 +159,11 @@ export const Form = ({ event }: { event?: Event }) => {
 							<PaginatedTable
 								ref={appointmentsTableRef}
 								prismaModel={"eventAppointment"}
-								filter={{
-									eventId: event?.id,
-								}}
+								getFilter={() =>
+									({
+										eventId: event?.id,
+									}) as Prisma.EventAppointmentWhereInput
+								}
 								include={{
 									Presenter: true,
 									Participants: true,
@@ -257,12 +259,24 @@ export const Form = ({ event }: { event?: Event }) => {
 											<UserIcon className="h-5 w-5" /> Teilnehmer
 										</h2>
 									}
-									searchFields={["User.firstname", "User.lastname", "User.publicId"]}
 									ref={appointmentsTableRef}
 									prismaModel={"participant"}
-									filter={{
-										eventId: event?.id,
-									}}
+									showSearch
+									getFilter={(searchTerm) =>
+										({
+											OR: [
+												{
+													User: {
+														OR: [
+															{ firstname: { contains: searchTerm, mode: "insensitive" } },
+															{ lastname: { contains: searchTerm, mode: "insensitive" } },
+															{ publicId: { contains: searchTerm, mode: "insensitive" } },
+														],
+													},
+												},
+											],
+										}) as Prisma.ParticipantWhereInput
+									}
 									include={{
 										User: true,
 									}}

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

@@ -3,7 +3,7 @@ import { DatabaseBackupIcon } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
 import { ColumnDef } from "@tanstack/react-table";
-import { Heliport } from "@repo/db";
+import { Heliport, Prisma } from "@repo/db";
 
 const page = () => {
 	return (
@@ -11,7 +11,17 @@ const page = () => {
 			<PaginatedTable
 				stickyHeaders
 				prismaModel="heliport"
-				searchFields={["siteName", "info", "hospital", "designator"]}
+				getFilter={(searchTerm) =>
+					({
+						OR: [
+							{ siteName: { contains: searchTerm, mode: "insensitive" } },
+							{ info: { contains: searchTerm, mode: "insensitive" } },
+							{ hospital: { contains: searchTerm, mode: "insensitive" } },
+							{ designator: { contains: searchTerm, mode: "insensitive" } },
+						],
+					}) as Prisma.HeliportWhereInput
+				}
+				showSearch
 				columns={
 					[
 						{

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

@@ -3,7 +3,7 @@ import { DatabaseBackupIcon } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
 import { ColumnDef } from "@tanstack/react-table";
-import { Keyword } from "@repo/db";
+import { Keyword, Prisma } from "@repo/db";
 
 export default () => {
 	return (
@@ -12,7 +12,16 @@ export default () => {
 				stickyHeaders
 				initialOrderBy={[{ id: "category", desc: true }]}
 				prismaModel="keyword"
-				searchFields={["name", "abreviation", "description"]}
+				showSearch
+				getFilter={(searchTerm) =>
+					({
+						OR: [
+							{ name: { contains: searchTerm, mode: "insensitive" } },
+							{ abreviation: { contains: searchTerm, mode: "insensitive" } },
+							{ category: { contains: searchTerm, mode: "insensitive" } },
+						],
+					}) as Prisma.KeywordWhereInput
+				}
 				columns={
 					[
 						{
@@ -41,11 +50,11 @@ export default () => {
 				}
 				leftOfSearch={
 					<span className="flex items-center gap-2">
-						<DatabaseBackupIcon className="w-5 h-5" /> Stichwörter
+						<DatabaseBackupIcon className="h-5 w-5" /> Stichwörter
 					</span>
 				}
 				rightOfSearch={
-					<p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
+					<p className="flex items-center justify-between gap-2 text-left text-2xl font-semibold">
 						<Link href={"/admin/keyword/new"}>
 							<button className="btn btn-sm btn-outline btn-primary">Erstellen</button>
 						</Link>

apps/hub/app/(app)/admin/report/_components/form.tsx

@@ -2,7 +2,7 @@
 import { penaltyColumns as penaltyColumns } from "(app)/admin/penalty/columns";
 import { editReport } from "(app)/admin/report/actions";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Report as IReport, User } from "@repo/db";
+import { Report as IReport, Prisma, User } from "@repo/db";
 import { ReportSchema, Report as IReportZod } from "@repo/db/zod";
 import { PaginatedTable } from "_components/PaginatedTable";
 import { Button } from "_components/ui/Button";
@@ -149,9 +149,11 @@ export const ReportPenalties = ({
 					CreatedUser: true,
 					Report: true,
 				}}
-				filter={{
-					reportId: report.id,
-				}}
+				getFilter={() =>
+					({
+						reportId: report.id,
+					}) as Prisma.PenaltyWhereInput
+				}
 				columns={penaltyColumns}
 			/>
 		</div>

apps/hub/app/(app)/admin/station/_components/Form.tsx

@@ -2,7 +2,7 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import { StationOptionalDefaultsSchema } from "@repo/db/zod";
 import { useForm } from "react-hook-form";
-import { BosUse, ConnectedAircraft, Country, Station, User } from "@repo/db";
+import { BosUse, ConnectedAircraft, Country, Prisma, Station, User } from "@repo/db";
 import { FileText, LocateIcon, PlaneIcon, UserIcon } from "lucide-react";
 import { Input } from "../../../../_components/ui/Input";
 import { deleteStation, upsertStation } from "../action";
@@ -198,10 +198,17 @@ export const StationForm = ({ station }: { station?: Station }) => {
 								Verbundene Piloten
 							</div>
 						}
-						filter={{
-							stationId: station?.id,
-						}}
-						searchFields={["User.firstname", "User.lastname", "User.publicId"]}
+						getFilter={(searchField) =>
+							({
+								stationId: station?.id,
+								OR: [
+									{ User: { firstname: { contains: searchField, mode: "insensitive" } } },
+									{ User: { lastname: { contains: searchField, mode: "insensitive" } } },
+									{ User: { publicId: { contains: searchField, mode: "insensitive" } } },
+								],
+							}) as Prisma.ConnectedAircraftWhereInput
+						}
+						showSearch
 						prismaModel={"connectedAircraft"}
 						include={{ Station: true, User: true }}
 						columns={

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

@@ -3,14 +3,22 @@ import { DatabaseBackupIcon } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
 import { ColumnDef } from "@tanstack/react-table";
-import { Station } from "@repo/db";
+import { Prisma, Station } from "@repo/db";
 
 const page = () => {
 	return (
 		<>
 			<PaginatedTable
 				prismaModel="station"
-				searchFields={["bosCallsign", "operator"]}
+				showSearch
+				getFilter={(searchField) =>
+					({
+						OR: [
+							{ bosCallsign: { contains: searchField, mode: "insensitive" } },
+							{ operator: { contains: searchField, mode: "insensitive" } },
+						],
+					}) as Prisma.StationWhereInput
+				}
 				stickyHeaders
 				columns={
 					[
@@ -44,11 +52,11 @@ const page = () => {
 				}
 				leftOfSearch={
 					<span className="flex items-center gap-2">
-						<DatabaseBackupIcon className="w-5 h-5" /> Stationen
+						<DatabaseBackupIcon className="h-5 w-5" /> Stationen
 					</span>
 				}
 				rightOfSearch={
-					<p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
+					<p className="flex items-center justify-between gap-2 text-left text-2xl font-semibold">
 						<Link href={"/admin/station/new"}>
 							<button className="btn btn-sm btn-outline btn-primary">Erstellen</button>
 						</Link>

apps/hub/app/(app)/admin/user/[id]/_components/forms.tsx

@@ -8,6 +8,7 @@ import {
 	DiscordAccount,
 	Penalty,
 	PERMISSION,
+	Prisma,
 	Station,
 	User,
 } from "@repo/db";
@@ -281,9 +282,11 @@ export const ConnectionHistory: React.FC<{ user: User }> = ({ user }: { user: Us
 				</h2>
 				<PaginatedTable
 					ref={dispoTableRef}
-					filter={{
-						userId: user.id,
-					}}
+					getFilter={() =>
+						({
+							userId: user.id,
+						}) as Prisma.ConnectedDispatcherWhereInput
+					}
 					prismaModel={"connectedDispatcher"}
 					initialOrderBy={[
 						{
@@ -349,9 +352,11 @@ export const ConnectionHistory: React.FC<{ user: User }> = ({ user }: { user: Us
 				</h2>
 				<PaginatedTable
 					ref={pilotTableRef}
-					filter={{
-						userId: user.id,
-					}}
+					getFilter={() =>
+						({
+							userId: user.id,
+						}) as Prisma.ConnectedAircraftWhereInput
+					}
 					prismaModel={"connectedAircraft"}
 					include={{ Station: true }}
 					initialOrderBy={[
@@ -505,9 +510,7 @@ export const UserPenalties = ({ user }: { user: User }) => {
 					CreatedUser: true,
 					Report: true,
 				}}
-				filter={{
-					userId: user.id,
-				}}
+				getFilter={() => ({ userId: user.id }) as Prisma.PenaltyWhereInput}
 				columns={penaltyColumns}
 			/>
 		</div>
@@ -529,9 +532,11 @@ export const UserReports = ({ user }: { user: User }) => {
 			</div>
 			<PaginatedTable
 				prismaModel="report"
-				filter={{
-					reportedUserId: user.id,
-				}}
+				getFilter={() =>
+					({
+						reportedUserId: user.id,
+					}) as Prisma.ReportWhereInput
+				}
 				initialOrderBy={[
 					{
 						id: "timestamp",
@@ -720,9 +725,7 @@ export const AdminForm = ({
 							)}
 						</div>
 					</div>
-					<p className="text-sm text-gray-400">
-						Achtung! Dieser Account ist als Duplikat markiert oder hat Duplikate!
-					</p>
+					<p className="text-sm text-gray-400">{user.duplicateReason || "Keine Grund angegeben"}</p>
 				</div>
 			)}
 			{(!!openBans.length || !!openTimebans.length) && (

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

@@ -3,7 +3,7 @@ import { User2 } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
 import Link from "next/link";
 import { ColumnDef } from "@tanstack/react-table";
-import { DiscordAccount, User } from "@repo/db";
+import { DiscordAccount, Prisma, User } from "@repo/db";
 import { useSession } from "next-auth/react";
 
 const AdminUserPage = () => {
@@ -14,7 +14,21 @@ const AdminUserPage = () => {
 			<PaginatedTable
 				stickyHeaders
 				prismaModel="user"
-				searchFields={["publicId", "firstname", "lastname", "email"]}
+				showSearch
+				getFilter={(searchTerm) => {
+					return {
+						OR: [
+							{ firstname: { contains: searchTerm, mode: "insensitive" } },
+							{ lastname: { contains: searchTerm, mode: "insensitive" } },
+							{ email: { contains: searchTerm, mode: "insensitive" } },
+							{
+								discordAccounts: {
+									some: { username: { contains: searchTerm, mode: "insensitive" } },
+								},
+							},
+						],
+					} as Prisma.UserWhereInput;
+				}}
 				include={{
 					discordAccounts: true,
 				}}

apps/hub/app/(app)/logbook/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Mission, MissionAlertLog, MissionLog, Station } from "@repo/db";
+import { Mission, MissionAlertLog, MissionLog, Prisma, Station } from "@repo/db";
 import { ColumnDef } from "@tanstack/react-table";
 import { Error } from "_components/Error";
 import { PaginatedTable } from "_components/PaginatedTable";
@@ -14,19 +14,21 @@ const Page = () => {
 	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">
-					<NotebookText className="w-5 h-5" /> Einsatzhistorie
+				<p className="flex items-center gap-2 text-left text-2xl font-semibold">
+					<NotebookText className="h-5 w-5" /> Einsatzhistorie
 				</p>
 			</div>
-			<div className="card bg-base-200 shadow-xl mb-4 col-span-6">
+			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl">
 				<PaginatedTable
 					prismaModel={"missionOnStationUsers"}
-					filter={{
-						userId: session.data?.user?.id ?? "",
-						Mission: {
-							state: "finished",
-						},
-					}}
+					getFilter={() =>
+						({
+							userId: session.data?.user?.id ?? "",
+							Mission: {
+								state: "finished",
+							},
+						}) as Prisma.MissionOnStationUsersWhereInput
+					}
 					include={{
 						Station: true,
 						User: true,