From c57f84b1b4b3ab9e9d37b36072b07b6d7b0cdc1c Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 13 Dec 2025 21:49:14 -0800
Subject: [PATCH] fix avatar images to respect remote/local hosting config

---
 src/lib/components/UserSettingsModal.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/UserSettingsModal.svelte b/src/lib/components/UserSettingsModal.svelte
index 5d4a8eb2..c6433087 100644
--- a/src/lib/components/UserSettingsModal.svelte
+++ b/src/lib/components/UserSettingsModal.svelte
@@ -10,6 +10,7 @@
 	import Button from './ui/Button.svelte'
 	import Input from './ui/Input.svelte'
 	import { pictureData, type Picture } from '$lib/utils/pictureData'
+	import { getAvatarSrc, getAvatarSrcSet } from '$lib/utils/avatar'
 	import { users } from '$lib/api/resources/users'
 	import type { UserCookie } from '$lib/types/UserCookie'
 	import { setUserCookie } from '$lib/auth/cookies'
@@ -89,7 +90,7 @@
 			.map((p) => ({
 				value: p.filename,
 				label: p.name[locale] || p.name.en,
-				image: `/profile/${p.filename}.png`
+				image: getAvatarSrc(p.filename)
 			}))
 	)
 
@@ -224,8 +225,8 @@
 					<div class="picture-section">
 						<div class="current-avatar">
 							<img
-								src={`/profile/${picture}.png`}
-								srcset={`/profile/${picture}.png 1x, /profile/${picture}@2x.png 2x`}
+								src={getAvatarSrc(picture)}
+								srcset={getAvatarSrcSet(picture)}
 								alt={currentPicture?.name[locale] || ''}
 								class="avatar-preview element-{element}"
 							/>