From 92fb314615f9f3c3d11803bb7f2bfe726c6bb326 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Mon, 2 Feb 2026 12:20:57 +0300
Subject: [PATCH] feat(TypographyMenu): add comments and delete outdated code

---
 .../ui/TypographyMenu.svelte                  | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/widgets/TypographySettings/ui/TypographyMenu.svelte b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
index f384493..8c2733f 100644
--- a/src/widgets/TypographySettings/ui/TypographyMenu.svelte
+++ b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
@@ -1,3 +1,7 @@
+<!--
+    Component: TypographyMenu
+    Provides a menu for selecting and configuring typography settings
+-->
 <script lang="ts">
 import { SetupFontMenu } from '$features/SetupFont';
 import {
@@ -5,7 +9,6 @@ import {
     Root as ItemRoot,
 } from '$shared/shadcn/ui/item';
 
-import { displayedFontsStore } from '$features/DisplayFont';
 import { cubicOut } from 'svelte/easing';
 import { crossfade } from 'svelte/transition';
 
@@ -22,16 +25,17 @@ const [send, receive] = crossfade({
 });
 </script>
 
-{#if displayedFontsStore.hasAnyFonts}
-    <div
-        class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
-        in:receive={{ key: 'panel' }}
-        out:send={{ key: 'panel' }}
+<div
+    class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
+    in:receive={{ key: 'panel' }}
+    out:send={{ key: 'panel' }}
+>
+    <ItemRoot
+        variant="outline"
+        class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg"
     >
-        <ItemRoot variant="outline" class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg">
-            <ItemContent class="flex flex-row justify-center items-center max-w-max">
-                <SetupFontMenu />
-            </ItemContent>
-        </ItemRoot>
-    </div>
-{/if}
+        <ItemContent class="flex flex-row justify-center items-center max-w-max">
+            <SetupFontMenu />
+        </ItemContent>
+    </ItemRoot>
+</div>