refac

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 ($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>
+					{#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}
+								<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>
-							</div>
-						</a>
-					</div>
+							</a>
+						</div>
+					{/if}
 				{/each}
 			</div>
 		{/if}