From 84a732c34d499e8959fac0b7bb58353579191cf8 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Tue, 1 Apr 2025 21:37:43 +0100
Subject: [PATCH] feat: show mii images from database

---
 .../20250331200017_rename_pictures/migration.sql       |  9 +++++++++
 prisma/schema.prisma                                   | 10 +++++-----
 src/app/components/mii-list.tsx                        |  2 +-
 src/app/mii/[slug]/page.tsx                            |  2 +-
 4 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 prisma/migrations/20250331200017_rename_pictures/migration.sql

diff --git a/prisma/migrations/20250331200017_rename_pictures/migration.sql b/prisma/migrations/20250331200017_rename_pictures/migration.sql
new file mode 100644
index 0000000..5d7a318
--- /dev/null
+++ b/prisma/migrations/20250331200017_rename_pictures/migration.sql
@@ -0,0 +1,9 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `pictures` on the `miis` table. All the data in the column will be lost.
+
+*/
+-- AlterTable
+ALTER TABLE "miis" DROP COLUMN "pictures",
+ADD COLUMN     "images" TEXT[];
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 4dd66bf..a96198b 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -61,11 +61,11 @@ model Session {
 }
 
 model Mii {
-  id       Int      @id @default(autoincrement())
-  userId   Int
-  name     String   @db.VarChar(64)
-  pictures String[]
-  tags     String[]
+  id     Int      @id @default(autoincrement())
+  userId Int
+  name   String   @db.VarChar(64)
+  images String[]
+  tags   String[]
 
   createdAt DateTime @default(now())
 
diff --git a/src/app/components/mii-list.tsx b/src/app/components/mii-list.tsx
index 7636a8a..7e6f42e 100644
--- a/src/app/components/mii-list.tsx
+++ b/src/app/components/mii-list.tsx
@@ -132,7 +132,7 @@ export default async function MiiList({ searchParams, userId, where }: Props) {
 							key={mii.id}
 							className="flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3 transition hover:scale-105 hover:bg-cyan-100 hover:border-cyan-600"
 						>
-							<Carousel images={["https://placehold.co/600x400", "https://placehold.co/600x400", "https://placehold.co/600x400"]} />
+							<Carousel images={mii.images.length > 0 ? mii.images : ["/missing.webp"]} />
 
 							<div className="p-4 flex flex-col gap-1 h-full">
 								<Link href={`/mii/${mii.id}`} className="font-bold text-2xl overflow-hidden text-ellipsis line-clamp-2" title={mii.name}>
diff --git a/src/app/mii/[slug]/page.tsx b/src/app/mii/[slug]/page.tsx
index 07b6e47..2fefbb5 100644
--- a/src/app/mii/[slug]/page.tsx
+++ b/src/app/mii/[slug]/page.tsx
@@ -39,7 +39,7 @@ export default async function MiiPage({ params }: Props) {
 
 	return (
 		<div className="flex gap-2 max-sm:flex-col">
-			<Carousel images={["https://placehold.co/600x400", "https://placehold.co/600x400", "https://placehold.co/600x400"]} className="shadow-lg" />
+			<Carousel images={mii?.images && mii?.images.length > 0 ? mii?.images : ["/missing.webp"]} className="shadow-lg" />
 
 			<div className="flex flex-col gap-1 p-4">
 				<h1 className="text-5xl font-extrabold break-words">{mii?.name}</h1>