fix: parity with vite-split

idk what to use

prisma/migrations/20260419170916_use_like_count/migration.sql

@@ -3,5 +3,3 @@ ALTER TABLE "miis" ADD COLUMN     "likeCount" INTEGER NOT NULL DEFAULT 0;
 
 -- CreateIndex
 CREATE INDEX "miis_likeCount_idx" ON "miis"("likeCount" DESC);
-
-UPDATE miis SET "likeCount" = (SELECT COUNT(*) FROM likes WHERE likes."miiId" = miis.id);

prisma/migrations/20260421113133_useless_punishment_fields/migration.sql

@@ -0,0 +1,25 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `punishmentId` on the `miis` table. All the data in the column will be lost.
+  - You are about to drop the column `notes` on the `punishments` table. All the data in the column will be lost.
+  - You are about to drop the column `reasons` on the `punishments` table. All the data in the column will be lost.
+  - You are about to drop the `mii_punishments` table. If the table is not empty, all the data it contains will be lost.
+  - Added the required column `reason` to the `punishments` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "mii_punishments" DROP CONSTRAINT "mii_punishments_miiId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "mii_punishments" DROP CONSTRAINT "mii_punishments_punishmentId_fkey";
+
+-- AlterTable
+ALTER TABLE "miis" DROP COLUMN "punishmentId";
+
+-- AlterTable
+ALTER TABLE "punishments" RENAME COLUMN "notes" TO "reason";
+ALTER TABLE "punishments" DROP COLUMN "reasons";
+
+-- DropTable
+DROP TABLE "mii_punishments";

prisma/schema.prisma

@@ -92,9 +92,6 @@ model Mii {
 
   user      User   @relation(fields: [userId], references: [id], onDelete: Cascade)
   likeCount Int    @default(0)
-
-  punishmentId Int?
-  punishments  MiiPunishment[]
   likedBy   Like[]
 
   @@index([tags], type: Gin)
@@ -142,28 +139,13 @@ model Report {
   @@map("reports")
 }
 
-model MiiPunishment {
-  punishmentId Int
-  miiId        Int
-  reason       String
-
-  punishment Punishment @relation(fields: [punishmentId], references: [id], onDelete: Cascade)
-  mii        Mii        @relation(fields: [miiId], references: [id], onDelete: Cascade)
-
-  @@id([punishmentId, miiId])
-  @@map("mii_punishments")
-}
-
 model Punishment {
   id       Int            @id @default(autoincrement())
   userId   Int
   type     PunishmentType
   returned Boolean        @default(false)
 
-  notes         String
+  reason    String
-  reasons       String[]
-  violatingMiis MiiPunishment[]
-
   expiresAt DateTime?
   createdAt DateTime  @default(now())
 

src/app/admin/page.tsx

@@ -43,15 +43,6 @@ export default async function AdminPage({ searchParams }: Props) {
 			</div>
 
 			<BannerForm />
-
-			{/* Separator */}
-			<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium my-1">
-				<hr className="grow border-zinc-300" />
-				<span>Control Center</span>
-				<hr className="grow border-zinc-300" />
-			</div>
-
-			<ControlCenter />
 			<RegenerateImagesButton />
 
 			{/* Separator */}

src/app/api/admin/lookup/route.ts

@@ -29,16 +29,7 @@ export async function GET(request: NextRequest) {
 					id: true,
 					type: true,
 					returned: true,
-
-					notes: true,
-					reasons: true,
-					violatingMiis: {
-						select: {
-							miiId: true,
 					reason: true,
-						},
-					},
-
 					expiresAt: true,
 					createdAt: true,
 				},

src/app/api/admin/punish/route.ts

@@ -14,16 +14,7 @@ const punishSchema = z.object({
 		.number({ error: "Duration (days) must be a number" })
 		.int({ error: "Duration (days) must be an integer" })
 		.positive({ error: "Duration (days) must be valid" }),
-	notes: z.string(),
-	reasons: z.array(z.string()).optional(),
-	miiReasons: z
-		.array(
-			z.object({
-				id: z.number({ error: "Mii ID must be a number" }).int({ error: "Mii ID must be an integer" }).positive({ error: "Mii ID must be valid" }),
 	reason: z.string(),
-			}),
-		)
-		.optional(),
 });
 
 export async function POST(request: NextRequest) {
@@ -42,7 +33,7 @@ export async function POST(request: NextRequest) {
 	const parsed = punishSchema.safeParse(body);
 
 	if (!parsed.success) return NextResponse.json({ error: parsed.error.issues[0].message }, { status: 400 });
-	const { type, duration, notes, reasons, miiReasons } = parsed.data;
+	const { type, duration, reason } = parsed.data;
 
 	const expiresAt = type === "TEMP_EXILE" ? dayjs().add(duration, "days").toDate() : null;
 
@@ -51,14 +42,7 @@ export async function POST(request: NextRequest) {
 			userId,
 			type: type as PunishmentType,
 			expiresAt,
-			notes,
+			reason,
-			reasons: reasons?.length !== 0 ? reasons : [],
-			violatingMiis: {
-				create: miiReasons?.map((mii) => ({
-					miiId: mii.id,
-					reason: mii.reason,
-				})),
-			},
 		},
 	});
 

src/app/api/return/route.ts

@@ -17,17 +17,6 @@ export async function DELETE(request: NextRequest) {
 			userId: Number(session.user?.id),
 			returned: false,
 		},
-		include: {
-			violatingMiis: {
-				include: {
-					mii: {
-						select: {
-							name: true,
-						},
-					},
-				},
-			},
-		},
 	});
 
 	if (!activePunishment) return rateLimit.sendResponse({ error: "You have no active punishments!" }, 404);

src/app/off-the-island/page.tsx

@@ -29,17 +29,6 @@ export default async function ExiledPage() {
 			userId: Number(session?.user.id),
 			returned: false,
 		},
-		include: {
-			violatingMiis: {
-				include: {
-					mii: {
-						select: {
-							name: true,
-						},
-					},
-				},
-			},
-		},
 	});
 
 	if (!activePunishment) redirect("/");
@@ -74,36 +63,9 @@ export default async function ExiledPage() {
 				</p>
 
 				<p className="mt-1">
-					<span className="font-bold">Note:</span> {activePunishment.notes}
+					<span className="font-bold">Reason:</span> {activePunishment.reason}
 				</p>
 
-				<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium mt-4">
-					<hr className="grow border-zinc-300" />
-					<span>Violating Items</span>
-					<hr className="grow border-zinc-300" />
-				</div>
-
-				<div className="flex flex-col gap-2 p-4">
-					{activePunishment.reasons.map((index, reason) => (
-						<div key={index} className="bg-orange-100 rounded-xl border-2 border-orange-400 p-4">
-							<p>
-								<span className="font-bold">Reason:</span> {reason}
-							</p>
-						</div>
-					))}
-					{activePunishment.violatingMiis.map((mii) => (
-						<div key={mii.miiId} className="bg-orange-100 rounded-xl border-2 border-orange-400 flex">
-							<Image src={`/mii/${mii.miiId}/image?type=mii`} alt="mii image" width={96} height={96} />
-							<div className="p-4">
-								<p className="text-xl font-bold line-clamp-1">{mii.mii.name}</p>
-								<p className="text-sm">
-									<span className="font-bold">Reason:</span> {mii.reason}
-								</p>
-							</div>
-						</div>
-					))}
-				</div>
-
 				<hr className="border-zinc-300 mt-2 mb-4" />
 
 				{activePunishment.type !== "PERM_EXILE" ? (

src/components/admin/user-management.tsx

@@ -5,7 +5,7 @@
 import { useState } from "react";
 
 import { Icon } from "@iconify/react";
-import { Prisma, PunishmentType } from "@prisma/client";
+import { Prisma, Punishment, PunishmentType } from "@prisma/client";
 
 import ProfilePicture from "../profile-picture";
 import SubmitButton from "../submit-button";
@@ -16,11 +16,7 @@ interface ApiResponse {
 	name: string;
 	image: string;
 	createdAt: string;
-	punishments: Prisma.PunishmentGetPayload<{
+	punishments: Punishment[];
-		include: {
-			violatingMiis: true;
-		};
-	}>[];
 }
 
 interface MiiList {
@@ -170,7 +166,7 @@ export default function Punishments() {
 												</div>
 											</div>
 											<p className="text-sm text-zinc-600">
-												<strong>Notes:</strong> {punishment.notes}
+												<strong>Reason:</strong> {punishment.reason}
 											</p>
 											{punishment.type !== "WARNING" && (
 												<p className="text-sm text-zinc-600">
@@ -185,24 +181,6 @@ export default function Punishments() {
 													<strong>Returned:</strong> {JSON.stringify(punishment.returned)}
 												</p>
 											)}
-											<p className="text-sm text-zinc-600">
-												<strong>Reasons:</strong>
-											</p>
-											<ul className="ml-8 list-disc text-sm text-zinc-600">
-												{punishment.reasons.map((reason, index) => (
-													<li key={index}>{reason}</li>
-												))}
-											</ul>
-											<p className="text-sm text-zinc-600">
-												<strong>Mii Reasons:</strong>
-											</p>
-											<ul className="ml-8 list-disc text-sm text-zinc-600">
-												{punishment.violatingMiis.map((mii) => (
-													<li key={mii.miiId}>
-														{mii.miiId}: {mii.reason}
-													</li>
-												))}
-											</ul>
 										</div>
 									))}
 								</>

src/components/mii/list/index.tsx

@@ -5,6 +5,7 @@ import { auth } from "@/lib/auth";
 import { prisma } from "@/lib/prisma";
 
 import SortSelect from "./sort-select";
+import TimeRangeSelect from "./time-range-select";
 import Pagination from "./pagination";
 import FilterMenu from "./filter-menu";
 import MiiGrid from "./mii-grid";
@@ -20,7 +21,7 @@ export default async function MiiList({ searchParams, userId, parentPage }: Prop
 	const parsed = searchSchema.safeParse(searchParams);
 	if (!parsed.success) return <h1>{parsed.error.issues[0].message}</h1>;
 
-	const { q: query, sort, tags, exclude, platform, gender, makeup, allowCopying, quarantined, page = 1, limit = 24 } = parsed.data;
+	const { q: query, sort, tags, exclude, platform, gender, makeup, allowCopying, quarantined, page = 1, limit = 24, timeRange } = parsed.data;
 
 	// My Likes page
 	let miiIdsLiked: number[] | undefined = undefined;
@@ -66,6 +67,14 @@ export default async function MiiList({ searchParams, userId, parentPage }: Prop
 		...(makeup && { makeup: { equals: makeup } }),
 		// Quarantined
 		...(!quarantined && !userId && { quarantined: false }),
+		// Time range
+		...(timeRange && {
+			createdAt: {
+				gte: new Date(
+					Date.now() - { day: 86400000, week: 604800000, month: 2592000000, year: 31536000000 }[timeRange],
+				),
+			},
+		}),
 	};
 
 	const select: Prisma.MiiSelect = {
@@ -140,6 +149,7 @@ export default async function MiiList({ searchParams, userId, parentPage }: Prop
 				<div className="relative flex items-center justify-end gap-2 w-full md:max-w-2/3 max-md:justify-center">
 					<FilterMenu />
 					<SortSelect />
+					<TimeRangeSelect />
 				</div>
 			</div>
 

src/components/mii/list/time-range-select.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { useRouter, useSearchParams } from "next/navigation";
+import { useTransition } from "react";
+import { useSelect } from "downshift";
+import { Icon } from "@iconify/react";
+
+type TimeRange = "day" | "week" | "month" | "year";
+
+const items: { value: TimeRange | "all"; label: string }[] = [
+	{ value: "all", label: "all time" },
+	{ value: "day", label: "today" },
+	{ value: "week", label: "this week" },
+	{ value: "month", label: "this month" },
+	{ value: "year", label: "this year" },
+];
+
+export default function TimeRangeSelect() {
+	const router = useRouter();
+	const searchParams = useSearchParams();
+	const [, startTransition] = useTransition();
+
+	const currentRange = (searchParams.get("timeRange") as TimeRange) || "all";
+	const currentItem = items.find((i) => i.value === currentRange) || items[0];
+
+	const { isOpen, getToggleButtonProps, getMenuProps, getItemProps, highlightedIndex, selectedItem } = useSelect({
+		items,
+		selectedItem: currentItem,
+		itemToString: (item) => item?.label || "",
+		onSelectedItemChange: ({ selectedItem }) => {
+			if (!selectedItem) return;
+
+			const params = new URLSearchParams(searchParams);
+			params.set("page", "1");
+
+			if (selectedItem.value === "all") {
+				params.delete("timeRange");
+			} else {
+				params.set("timeRange", selectedItem.value);
+			}
+
+			startTransition(() => {
+				router.push(`?${params.toString()}`, { scroll: false });
+			});
+		},
+	});
+
+	return (
+		<div className="relative w-fit">
+			<button type="button" {...getToggleButtonProps()} aria-label="Time range dropdown" className="pill input w-full gap-1 justify-between! text-nowrap">
+				<Icon icon="mdi:clock-outline" className="size-5" />
+				{selectedItem?.label || "all time"}
+				<Icon icon="tabler:chevron-down" className="ml-1 size-5" />
+			</button>
+
+			<ul
+				{...getMenuProps()}
+				className={`absolute z-50 w-full bg-orange-200 border-2 border-orange-400 rounded-lg mt-1 shadow-lg max-h-60 overflow-y-auto ${
+					isOpen ? "block" : "hidden"
+				}`}
+			>
+				{isOpen &&
+					items.map((item, index) => (
+						<li key={item.value} {...getItemProps({ item, index })} className={`px-4 py-1 cursor-pointer text-sm ${highlightedIndex === index ? "bg-black/15" : ""}`}>
+							{item.label}
+						</li>
+					))}
+			</ul>
+		</div>
+	);
+}

src/lib/schemas.ts

@@ -72,6 +72,8 @@ export const searchSchema = z.object({
 		.max(100, { error: "Limit cannot be more than 100" })
 		.optional(),
 	page: z.coerce.number({ error: "Page must be a number" }).int({ error: "Page must be an integer" }).min(1, { error: "Page must be at least 1" }).optional(),
+	// Time range filter
+	timeRange: z.enum(["day", "week", "month", "year"], { error: "Time range must be either 'day', 'week', 'month', or 'year'" }).optional(),
 });
 
 export const userNameSchema = z