fix: mii reviewedAt property for time select and responsiveness for sort menus

also bypassCache profile url query param

backend/prisma/migrations/20260422154939_reviewed_at/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "miis" ADD COLUMN     "reviewedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP;

backend/prisma/schema.prisma

@@ -88,7 +88,8 @@ model Mii {
   islandName     String?
   allowedCopying Boolean?
 
-  createdAt DateTime @default(now())
+  createdAt  DateTime @default(now())
+  reviewedAt DateTime @default(now())
 
   user      User   @relation(fields: [userId], references: [id], onDelete: Cascade)
   likeCount Int    @default(0)

backend/src/app/api/mii/list/route.ts

@@ -72,7 +72,7 @@ export async function GET(request: NextRequest) {
 		...(!quarantined && !userId && { quarantined: false }),
 		// Time range
 		...(timeRange && {
-			createdAt: {
+			reviewedAt: {
 				gte: new Date(Date.now() - { day: 86400000, week: 604800000, month: 2592000000, year: 31536000000 }[timeRange]),
 			},
 		}),

frontend/src/components/mii/list/index.tsx

@@ -20,9 +20,10 @@ interface ApiResponse {
 interface Props {
 	userId?: number;
 	parentPage?: "likes";
+	bypassCache?: boolean;
 }
 
-export default function MiiList({ parentPage, userId }: Props) {
+export default function MiiList({ parentPage, userId, bypassCache }: Props) {
 	const [searchParams] = useSearchParams();
 	const [data, setData] = useState<ApiResponse | null>(null);
 	const [loading, setLoading] = useState(true);
@@ -34,6 +35,7 @@ export default function MiiList({ parentPage, userId }: Props) {
 		const params = new URLSearchParams(searchParams.toString());
 		if (userId) params.append("userId", userId.toString());
 		if (parentPage) params.append("parentPage", parentPage);
+		if (bypassCache) params.append("bypassCache", "true");
 
 		fetch(`${import.meta.env.VITE_API_URL}/api/mii/list?${params.toString()}`, { credentials: "include" })
 			.then((res) => {
@@ -71,7 +73,7 @@ export default function MiiList({ parentPage, userId }: Props) {
 							<span className="text-lg text-amber-700">{data.totalCount === 1 ? "Mii" : "Miis"}</span>
 						</div>
 
-						<div className="relative flex items-center justify-end gap-2 w-full md:max-w-2/3 max-md:justify-center">
+						<div className="relative flex flex-wrap items-center justify-end gap-2 w-full md:max-w-2/3 max-md:justify-center">
 							<FilterMenu />
 							<SortSelect />
 							<TimeRangeSelect />

frontend/src/pages/profile/index.tsx

@@ -1,8 +1,14 @@
 import { useParams } from "react-router";
 import MiiList from "../../components/mii/list";
+import { useStore } from "@nanostores/react";
+import { session } from "../../session";
 
 export default function ProfilePage() {
 	const { id } = useParams();
+	const $session = useStore(session);
 
-	return <MiiList userId={Number(id)} />;
+	const userId = Number(id ?? $session?.user?.id);
+	const isOwnProfile = !!$session?.user?.id && userId === Number($session.user.id);
+
+	return <MiiList userId={Number(id)} bypassCache={isOwnProfile} />;
 }