From 6b8b95e4cae9a12413a1db961edeab90178923a0 Mon Sep 17 00:00:00 2001
From: coolcoala <pashokrulit@yandex.ru>
Date: Wed, 30 Jul 2025 06:28:56 +0300
Subject: [PATCH] traffic information has been reworked

---
 src/components/profile/profile-item.tsx | 33 +++++++++++++------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/profile/profile-item.tsx b/src/components/profile/profile-item.tsx
index d8ce8788..19b7f6da 100644
--- a/src/components/profile/profile-item.tsx
+++ b/src/components/profile/profile-item.tsx
@@ -56,6 +56,7 @@ import {
   Loader2,
   Info,
   DownloadCloud,
+  Download,
   Trash2,
   Edit3,
   FileText as FileTextIcon,
@@ -66,7 +67,7 @@ import {
   ListTree,
   CheckCircle,
   Infinity,
-  RefreshCw,
+  RefreshCw, Network,
 } from "lucide-react";
 import { t } from "i18next";
 
@@ -343,8 +344,8 @@ export const ProfileItem = (props: Props) => {
                 </div>
                 <div className="flex items-center flex-shrink-0">
                   <Badge
-                    variant={type === "local" ? "secondary" : "outline"}
-                    className="text-xs"
+                    variant="outline"
+                    className="text-xs shadow-sm"
                   >
                     {type}
                   </Badge>
@@ -384,20 +385,21 @@ export const ProfileItem = (props: Props) => {
                     )}
                   </div>
                 </div>
-              </div>
-            </div>
+                <div className="flex items-center justify-between">
+                  <div className="flex items-center">
+                    <Download className="h-3 w-3 inline mr-1.5" />
+                    <span className="pr-5">
+                      {parseTraffic(download)}
+                    </span>
+                    <Network className="h-3 w-3 inline mr-1.5" />
+                    {total > 0 ? (
+                       <span>{parseTraffic(total)}</span>
+                    ) : <Infinity className="h-3 w-3 inline mr-1.5" />}
 
-            {hasExtra && total > 0 && (
-              <div className="relative h-5">
-                <Progress value={progress} className="h-full rounded-none" />
-                <div className="absolute inset-0 flex items-center justify-between px-2 text-xs text-white/90 font-medium">
-                  <span>
-                    {parseTraffic(download)}↓ / {parseTraffic(upload)}↑
-                  </span>
-                  <span>{parseTraffic(total)}</span>
+                  </div>
                 </div>
               </div>
-            )}
+            </div>
           </Card>
         </ContextMenuTrigger>
 
@@ -405,7 +407,6 @@ export const ProfileItem = (props: Props) => {
           className="w-56"
           onClick={(e) => e.stopPropagation()}
         >
-          {/* Объединяем все части меню */}
           {[...homeMenuItem, ...mainMenuItems].map((item) => (
             <ContextMenuItem
               key={item.label}
@@ -420,7 +421,7 @@ export const ProfileItem = (props: Props) => {
           <ContextMenuSub>
             <ContextMenuSubTrigger disabled={!hasUrl || isLoading}>
               <DownloadCloud className="mr-2 h-4 w-4" />
-              <span>{t("Update")}</span>
+              <span className="px-2">{t("Update")}</span>
             </ContextMenuSubTrigger>
             <ContextMenuPortal>
               <ContextMenuSubContent>