From aa1379c15b92d10fe4fef656fa18b8753fee3034 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Thu, 16 Apr 2026 15:59:34 +0300
Subject: [PATCH] chore: remove unused code

---
 .../settingsManager/settingsManager.test.ts   |  1 -
 .../ui/ComparisonView/ComparisonView.svelte   | 54 ++-----------------
 .../ui/FontList/FontList.svelte               |  6 +--
 3 files changed, 6 insertions(+), 55 deletions(-)

diff --git a/src/features/SetupFont/lib/settingsManager/settingsManager.test.ts b/src/features/SetupFont/lib/settingsManager/settingsManager.test.ts
index 3f66536..ecdfd89 100644
--- a/src/features/SetupFont/lib/settingsManager/settingsManager.test.ts
+++ b/src/features/SetupFont/lib/settingsManager/settingsManager.test.ts
@@ -7,7 +7,6 @@ import {
     DEFAULT_TYPOGRAPHY_CONTROLS_DATA,
 } from '$entities/Font';
 import {
-    afterEach,
     beforeEach,
     describe,
     expect,
diff --git a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
index 1727439..feb9f65 100644
--- a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
+++ b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
@@ -6,22 +6,18 @@
 <script lang="ts">
 import { NavigationWrapper } from '$entities/Breadcrumb';
 import type { ResponsiveManager } from '$shared/lib';
-import {
-    ControlGroup,
-    SidebarContainer,
-    Slider,
-} from '$shared/ui';
+import { SidebarContainer } from '$shared/ui';
 import {
     getContext,
     untrack,
 } from 'svelte';
 import FontList from '../FontList/FontList.svelte';
 import Header from '../Header/Header.svelte';
+import Search from '../Search/Search.svelte';
 import Sidebar from '../Sidebar/Sidebar.svelte';
 import SliderArea from '../SliderArea/SliderArea.svelte';
 
 const responsive = getContext<ResponsiveManager>('responsive');
-// const typography = $derived(comparisonStore.typography);
 const isMobileOrTabletPortrait = $derived(responsive.isMobile || responsive.isTabletPortrait);
 let isSidebarOpen = $state(!isMobileOrTabletPortrait);
 
@@ -42,53 +38,9 @@ $effect(() => {
                 {#snippet sidebar()}
                     <Sidebar class="w-full h-full border-none">
                         {#snippet main()}
+                            <Search />
                             <FontList />
                         {/snippet}
-                        <!--
-                            {#snippet controls()}
-                                {#if typography.sizeControl && typography.weightControl && typography.heightControl && typography.spacingControl}
-                                    <ControlGroup label="Size">
-                                        <Slider
-                                            bind:value={typography.sizeControl.value}
-                                            min={typography.sizeControl.min}
-                                            max={typography.sizeControl.max}
-                                            step={typography.sizeControl.step}
-                                        />
-                                    </ControlGroup>
-
-                                    <ControlGroup label="Weight">
-                                        <Slider
-                                            bind:value={typography.weightControl.value}
-                                            min={typography.weightControl.min}
-                                            max={typography.weightControl.max}
-                                            step={typography.weightControl.step}
-                                        />
-                                    </ControlGroup>
-
-                                    <div class="grid grid-cols-2 gap-6 mt-4">
-                                        <ControlGroup label="Leading" class="border-0 py-0">
-                                            <Slider
-                                                bind:value={typography.heightControl.value}
-                                                min={typography.heightControl.min}
-                                                max={typography.heightControl.max}
-                                                step={typography.heightControl.step}
-                                                format={(v => v.toFixed(1))}
-                                            />
-                                        </ControlGroup>
-
-                                        <ControlGroup label="Tracking" class="border-0 py-0">
-                                            <Slider
-                                                bind:value={typography.spacingControl.value}
-                                                min={typography.spacingControl.min}
-                                                max={typography.spacingControl.max}
-                                                step={typography.spacingControl.step}
-                                                format={(v => v.toFixed(2))}
-                                            />
-                                        </ControlGroup>
-                                    </div>
-                                {/if}
-                            {/snippet}
-                        -->
                     </Sidebar>
                 {/snippet}
             </SidebarContainer>
diff --git a/src/widgets/ComparisonView/ui/FontList/FontList.svelte b/src/widgets/ComparisonView/ui/FontList/FontList.svelte
index 8368e14..cdbc293 100644
--- a/src/widgets/ComparisonView/ui/FontList/FontList.svelte
+++ b/src/widgets/ComparisonView/ui/FontList/FontList.svelte
@@ -70,8 +70,8 @@ $effect(() => {
 </script>
 
 <div class="flex-1 min-h-0 h-full">
-    <div class="py-2 pl-4 relative flex flex-col min-h-0 h-full">
-        <div class="px-2 py-4 mr-4 sticky border-b border-black/5 dark:border-white/10 mb-2">
+    <div class="py-2 relative flex flex-col min-h-0 h-full">
+        <div class="py-2 mx-6 sticky border-b border-black/5 dark:border-white/10">
             <Label class="font-primary text-neutral-400" bold variant="default" size="sm" uppercase>
                 Typeface Selection
             </Label>
@@ -80,7 +80,7 @@ $effect(() => {
             data-font-list
             weight={DEFAULT_FONT_WEIGHT}
             itemHeight={45}
-            class="bg-transparent min-h-0 h-full scroll-stable pr-4"
+            class="bg-transparent min-h-0 h-full scroll-stable py-2 pl-6 pr-4"
         >
             {#snippet children({ item: font, index })}
                 {@const isSelectedA = font.id === comparisonStore.fontA?.id}