trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-05-13 13:17:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: profile picture null causes crash

Browse source
This commit is contained in:
trafficlunar 2026-04-26 15:59:14 +01:00
parent ed9a480385
commit 0ede4c7260
3 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/header.tsx
View file

@ -69,7 +69,13 @@ export default function Header() {
data-tooltip="Your Profile" data-tooltip="Your Profile"
> >
<img <img
src={$session.user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${$session.user.image}` : $session.user.image} src={
$session?.user?.image
? $session.user.image.startsWith("/profile")
? `${import.meta.env.VITE_API_URL}${$session.user.image}`
: $session.user.image
: "/guest.png"
}
onError={(e) => { onError={(e) => {
e.currentTarget.onerror = null; // Prevent infinite loops e.currentTarget.onerror = null; // Prevent infinite loops
e.currentTarget.src = "/guest.png"; e.currentTarget.src = "/guest.png";

6
frontend/src/pages/profile/layout.tsx
View file

@ -51,9 +51,7 @@ export default function ProfileLayout() {
const joinDate = new Date(user.createdAt).toLocaleDateString("en-US", { month: "long", year: "numeric" }); const joinDate = new Date(user.createdAt).toLocaleDateString("en-US", { month: "long", year: "numeric" });
const metaTitle = `${user.name} - TomodachiShare`; const metaTitle = `${user.name} - TomodachiShare`;
const metaDescription = `View ${user.name}'s profile on TomodachiShare. Creator of ${user._count.miis} Miis. Member since ${joinDate}.`; const metaDescription = `View ${user.name}'s profile on TomodachiShare. Creator of ${user._count.miis} Miis. Member since ${joinDate}.`;
const metaImage = user.image.startsWith("/profile") const metaImage = user.image ? (user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${user.image}` : user.image) : "/guest.png";
? `${import.meta.env.VITE_API_URL}${user.image}`
: (user.image ?? `${import.meta.env.VITE_API_URL}/guest.png`);
return ( return (
<div> <div>
@ -81,7 +79,7 @@ export default function ProfileLayout() {
{/* Profile picture */} {/* Profile picture */}
<Link to={`/profile/${user.id}`} className="size-28 aspect-square"> <Link to={`/profile/${user.id}`} className="size-28 aspect-square">
<img <img
src={user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${user.image}` : user.image} src={user.image ? (user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${user.image}` : user.image) : "/guest.png"}
onError={(e) => { onError={(e) => {
e.currentTarget.onerror = null; // Prevent infinite loops e.currentTarget.onerror = null; // Prevent infinite loops
e.currentTarget.src = "/guest.png"; e.currentTarget.src = "/guest.png";

2
frontend/src/pages/report/user.tsx
View file

@ -65,7 +65,7 @@ export default function ReportUserPage() {
<div className="bg-orange-100 rounded-xl border-2 border-orange-400 flex p-4 gap-4"> <div className="bg-orange-100 rounded-xl border-2 border-orange-400 flex p-4 gap-4">
<img <img
src={user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${user.image}` : user.image} src={user.image ? (user.image.startsWith("/profile") ? `${import.meta.env.VITE_API_URL}${user.image}` : user.image) : "/guest.png"}
onError={(e) => { onError={(e) => {
e.currentTarget.onerror = null; // Prevent infinite loops e.currentTarget.onerror = null; // Prevent infinite loops
e.currentTarget.src = "/guest.png"; e.currentTarget.src = "/guest.png";