trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: show mii images from database

Browse source
This commit is contained in:
trafficlunar 2025-04-01 21:37:43 +01:00
parent 68eed4e5fd
commit 84a732c34d
4 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
prisma/migrations/20250331200017_rename_pictures/migration.sql Normal file
View file

@ -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[];

2
prisma/schema.prisma
View file

@ -64,7 +64,7 @@ model Mii {
id Int @id @default(autoincrement()) id Int @id @default(autoincrement())
userId Int userId Int
name String @db.VarChar(64) name String @db.VarChar(64)
pictures String[] images String[]
tags String[] tags String[]
createdAt DateTime @default(now()) createdAt DateTime @default(now())

2
src/app/components/mii-list.tsx
View file

@ -132,7 +132,7 @@ export default async function MiiList({ searchParams, userId, where }: Props) {
key={mii.id} 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" 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"> <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}> <Link href={`/mii/${mii.id}`} className="font-bold text-2xl overflow-hidden text-ellipsis line-clamp-2" title={mii.name}>

2
src/app/mii/[slug]/page.tsx
View file

@ -39,7 +39,7 @@ export default async function MiiPage({ params }: Props) {
return ( return (
<div className="flex gap-2 max-sm:flex-col"> <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"> <div className="flex flex-col gap-1 p-4">
<h1 className="text-5xl font-extrabold break-words">{mii?.name}</h1> <h1 className="text-5xl font-extrabold break-words">{mii?.name}</h1>