From 1c5e43690ea9bf6e5aaa29c19670db93daf05703 Mon Sep 17 00:00:00 2001
From: coolcoala <pashokrulit@yandex.ru>
Date: Fri, 11 Jul 2025 20:16:24 +0300
Subject: [PATCH] added tooltips for the sorting icon in the proxy list

---
 src/components/home/proxy-selectors.tsx | 22 +++++++++++++++++-----
 src/locales/en.json                     |  5 ++++-
 src/locales/ru.json                     |  6 +++++-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/home/proxy-selectors.tsx b/src/components/home/proxy-selectors.tsx
index f1c366c1..d0882425 100644
--- a/src/components/home/proxy-selectors.tsx
+++ b/src/components/home/proxy-selectors.tsx
@@ -237,11 +237,23 @@ export const ProxySelectors: React.FC = () => {
         <div className="flex flex-col items-start gap-2">
           <div className="flex justify-between items-center w-100">
             <label className="text-sm font-medium text-muted-foreground">{t("Proxy")}</label>
-            <Button variant="ghost" size="sm" onClick={handleSortChange} disabled={isDirectMode}>
-              {sortType === 'default' && <ChevronsUpDown className="h-4 w-4" />}
-              {sortType === 'delay' && <Timer className="h-4 w-4" />}
-              {sortType === 'name' && <WholeWord className="h-4 w-4" />}
-            </Button>
+            <Tooltip>
+                <TooltipTrigger asChild>
+                  <span className="truncate">
+                    <Button variant="ghost" size="sm" onClick={handleSortChange} disabled={isDirectMode}>
+                      {sortType === 'default' && <ChevronsUpDown className="h-4 w-4" />}
+                      {sortType === 'delay' && <Timer className="h-4 w-4" />}
+                      {sortType === 'name' && <WholeWord className="h-4 w-4" />}
+                    </Button>
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {sortType === 'default' && <p>{t("Default")}</p>}
+                  {sortType === 'delay' && <p>{t("sort by ping")}</p>}
+                  {sortType === 'name' && <p>{t("sort by name")}</p>}
+                </TooltipContent>
+              </Tooltip>
+
           </div>
           <Select value={selectedProxy} onValueChange={handleProxyChange} disabled={isDirectMode}>
             <SelectTrigger className="w-100">
diff --git a/src/locales/en.json b/src/locales/en.json
index abe9feb3..e85c9b98 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -644,5 +644,8 @@
   "Menu": "Menu",
   "Add New Profile": "Add New Profile",
   "Delete Profile": "Delete Profile {{name}}?",
-  "This action cannot be undone.": "This action cannot be undone."
+  "This action cannot be undone.": "This action cannot be undone.",
+  "Default": "Default",
+  "sort by ping": "Sort by ping",
+  "sort by name": "Sort by name"
 }
diff --git a/src/locales/ru.json b/src/locales/ru.json
index ff1dad66..d1213238 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -593,5 +593,9 @@
   "Disconnecting...": "Отключение...",
   "Add New Profile": "Добавить новый профиль",
   "Delete Profile": "Удалить профиль {{name}}?",
-  "This action cannot be undone.": "Это действие не может быть отменено"
+  "This action cannot be undone.": "Это действие не может быть отменено",
+  "Update via proxy": "Обновить через прокси",
+  "Default": "По умолчанию",
+  "sort by ping": "Сортировка по пингу",
+  "sort by name": "Сортировка по имени"
 }