From fb5ef85a74597253baa5c096ab62e106fb2aa4cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maxi=20Quo=C3=9F?= <maxi@quoss.org>
Date: Fri, 6 Sep 2024 13:48:02 +0200
Subject: [PATCH] feat: show custom favicon on login page

---
 frontend/src/routes/login/+page.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index 54c48a39..4e2b9828 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation';
 	import { toggleVisibility } from '$lib/helpers/forms';
 	import LL from '$lib/i18n/i18n-svelte';
-	import { pocketbase } from '$lib/stores/pocketbase';
+	import { pocketbase, backendUrl } from '$lib/stores/pocketbase';
 	import { settingsPub } from '$lib/stores/settings';
 	import { faEye, faLockOpen, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 	import type { AuthProviderInfo } from 'pocketbase';
@@ -62,7 +62,14 @@
 				<h1 class="text-center text-xl font-bold">{$settingsPub?.website_title}</h1>
 			{/if}
 			<div class="flex flex-row gap-4">
-				<figure class="w-16"><img src="/gopher.svg" alt="Gopher" /></figure>
+				<figure class="w-16">
+					<img
+						src={$settingsPub?.id && $settingsPub?.favicon
+							? `${backendUrl}api/files/settings_public/${$settingsPub?.id}/${$settingsPub?.favicon}`
+							: '/gopher.svg'}
+						alt={$settingsPub?.website_title ? $settingsPub?.website_title : 'Gopher'}
+					/>
+				</figure>
 				<h2 class="card-title">{$LL.login.welcome()}</h2>
 			</div>
 			<form class="form-control w-full" on:submit|preventDefault={tryAdminThenUser}>