From f9708bfc7e32f403941b7b1998593cf235e66660 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=82=D0=BE=D0=BB=D0=B8=D0=B9=20=D0=A2?=
 =?UTF-8?q?=D1=83=D1=85=D1=82=D0=B0=D1=80=D0=BE=D0=B2?= <admin@tad17.ru>
Date: Wed, 12 Mar 2025 17:44:58 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BE=D1=82=D1=84=D0=BE=D1=80=D0=BC=D0=B0?=
 =?UTF-8?q?=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.svelte | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index b6b903a..05a190a 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -10,13 +10,22 @@
   import servers from "./servers.js";
   // import {BrowserOpenURL} from '../wailsjs/runtime/runtime.js'
 
+  // Определение интерфейса для типа Disk
+  /**
+   * @typedef {Object} Disk
+   * @property {string} Name - Имя диска
+   * @property {number} Free - Свободное место в Гб
+   * @property {boolean} normal - Флаг нормального состояния диска
+   */
+
   let resultText = "Ваше имя 👇";
   let local = servers;
   let projects = [];
   let disks = [];
   let downloads = "";
   let cnt_pic = "0";
-  let pics = true;
+  // Переменная для определения состояния счетчика изображений
+  const pics = true;
 
   function get_disks() {
     console.log("get disks");
@@ -47,7 +56,8 @@
       resultText = result;
       console.log(resultText);
       server.run = "running";
-      local = local;
+      // Обновляем локальную переменную для реактивности Svelte
+      local = [...local];
     });
   }
 
@@ -93,7 +103,7 @@
     {#each disks as disk}
       <div>
         {disk.Name}
-        <a href="#" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
+        <a role="button" href="#top" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
           {disk.Free} Gb
         </a>
       </div>
@@ -176,6 +186,12 @@
 </button>
 
 <style>
+  /* 
+   * Цветовая схема приложения:
+   * - info (зеленый): нормальное состояние, все в порядке
+   * - warning (оранжевый): требует внимания
+   * - danger (красный): критическое состояние, требует немедленного вмешательства
+   */
   .disk-panel {
     display: flex;
     justify-content: space-around;
@@ -189,4 +205,7 @@
   .warning {
     color: orange;
   }
+  a:hover {
+    text-decoration: underline;
+  }
 </style>