feat: replace missing.webp with question mark and style fixes

This commit is contained in:
trafficlunar 2025-04-25 23:00:35 +01:00
parent 5258ac7c94
commit 953e46a042
7 changed files with 37 additions and 9 deletions

View file

@ -48,7 +48,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
openGraph: {
locale: "en_US",
type: "profile",
images: [user.image ?? "/missing.webp"],
images: [user.image ?? "/missing.svg"],
siteName: "TomodachiShare",
username: user.username,
firstName: user.name,
@ -57,7 +57,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
card: "summary",
title: `${user.name} (@${user.username}) - TomodachiShare`,
description: `View ${user.name}'s profile on TomodachiShare. Creator of ${user._count.miis} Miis. Member since ${joinDate}.`,
images: [user.image ?? "/missing.webp"],
images: [user.image ?? "/missing.svg"],
creator: user.username!,
},
alternates: {
@ -88,11 +88,11 @@ export default async function ProfilePage({ params }: Props) {
<div>
<div className="flex gap-4 mb-2">
<Image
src={user?.image ?? "/missing.webp"}
src={user?.image ?? "/missing.svg"}
alt="profile picture"
width={128}
height={128}
className="aspect-square rounded-full border-2 border-amber-500 shadow"
className="size-32 aspect-square rounded-full bg-white border-2 border-amber-500 shadow"
/>
<div className="flex flex-col w-full relative">

View file

@ -27,11 +27,11 @@ export default async function ProfileSettingsPage() {
<div>
<div className="flex gap-4 mb-2">
<Image
src={session.user.image ?? "/missing.webp"}
src={session.user.image ?? "/missing.svg"}
alt="profile picture"
width={128}
height={128}
className="aspect-square rounded-full border-2 border-amber-500 shadow"
className="aspect-square rounded-full bg-white border-2 border-amber-500 shadow"
/>
<div className="flex flex-col w-full relative">