From 2573882b88a6f48ee80309295b3059a17b2942b4 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 9 Jun 2025 02:13:25 +0400
Subject: [PATCH] refac

---
 src/lib/components/layout/Sidebar.svelte | 58 ++++++++++++------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 1c65748c3e..602ae83c79 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -649,36 +649,38 @@
 			<div class="pt-1.5">
 				{#each $settings.pinnedModels as modelId (modelId)}
 					{@const model = $models.find((model) => model.id === modelId)}
-					<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
-						<a
-							class="grow flex items-center space-x-2.5 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
-							href="/?model={modelId}"
-							on:click={() => {
-								selectedChatId = null;
-								chatId.set('');
+					{#if model}
+						<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
+							<a
+								class="grow flex items-center space-x-2.5 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
+								href="/?model={modelId}"
+								on:click={() => {
+									selectedChatId = null;
+									chatId.set('');
 
-								if ($mobile) {
-									showSidebar.set(false);
-								}
-							}}
-							draggable="false"
-						>
-							<div class="self-center">
-								<img
-									crossorigin="anonymous"
-									src={model?.info?.meta?.profile_image_url ?? '/static/favicon.png'}
-									class=" size-5 rounded-full -translate-x-[0.5px]"
-									alt="logo"
-								/>
-							</div>
-
-							<div class="flex self-center translate-y-[0.5px]">
-								<div class=" self-center font-medium text-sm font-primary line-clamp-1">
-									{model?.name ?? modelId}
+									if ($mobile) {
+										showSidebar.set(false);
+									}
+								}}
+								draggable="false"
+							>
+								<div class="self-center">
+									<img
+										crossorigin="anonymous"
+										src={model?.info?.meta?.profile_image_url ?? '/static/favicon.png'}
+										class=" size-5 rounded-full -translate-x-[0.5px]"
+										alt="logo"
+									/>
 								</div>
-							</div>
-						</a>
-					</div>
+
+								<div class="flex self-center translate-y-[0.5px]">
+									<div class=" self-center font-medium text-sm font-primary line-clamp-1">
+										{model?.name ?? modelId}
+									</div>
+								</div>
+							</a>
+						</div>
+					{/if}
 				{/each}
 			</div>
 		{/if}