From 895a1dde57ceb8857bca4d861bd04c301ab98509 Mon Sep 17 00:00:00 2001 From: Zoltan Papp Date: Sat, 5 Sep 2026 19:49:06 +0200 Subject: [PATCH] Give the Files tab a plain folder and the File sharing settings the share glyph Both carried a folder with a downward arrow, which claims a direction the feature does not have: transfers go both ways. The navigation icon now follows its own label, Files, with a plain folder, and the settings tab follows its, File sharing, with the share icon. --- client/ui/frontend/src/modules/main/advanced/Navigation.tsx | 4 ++-- .../ui/frontend/src/modules/settings/SettingsNavigation.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/client/ui/frontend/src/modules/main/advanced/Navigation.tsx b/client/ui/frontend/src/modules/main/advanced/Navigation.tsx index 510417e4c..8d9866164 100644 --- a/client/ui/frontend/src/modules/main/advanced/Navigation.tsx +++ b/client/ui/frontend/src/modules/main/advanced/Navigation.tsx @@ -1,6 +1,6 @@ import { type ComponentType, type KeyboardEvent, useEffect, useRef } from "react"; import { useTranslation } from "react-i18next"; -import { FolderDownIcon, Layers3Icon, type LucideProps, MonitorSmartphoneIcon } from "lucide-react"; +import { FolderIcon, Layers3Icon, type LucideProps, MonitorSmartphoneIcon } from "lucide-react"; import { cn } from "@/lib/cn"; import { useNavSection, type NavSection } from "@/contexts/NavSectionContext"; import { useStatus } from "@/contexts/StatusContext"; @@ -43,7 +43,7 @@ export const Navigation = () => { tabs.push({ value: "files", label: t("nav.files.title"), - icon: FolderDownIcon, + icon: FolderIcon, }); const tabRefs = useRef>({}); diff --git a/client/ui/frontend/src/modules/settings/SettingsNavigation.tsx b/client/ui/frontend/src/modules/settings/SettingsNavigation.tsx index b958f0ed0..2bbc8d3d1 100644 --- a/client/ui/frontend/src/modules/settings/SettingsNavigation.tsx +++ b/client/ui/frontend/src/modules/settings/SettingsNavigation.tsx @@ -6,10 +6,10 @@ import { useClientVersion } from "@/contexts/ClientVersionContext.tsx"; import { useRestrictions } from "@/contexts/RestrictionsContext.tsx"; import { BoltIcon, - FolderDownIcon, InfoIcon, LifeBuoyIcon, NetworkIcon, + Share2Icon, ShieldIcon, SlidersHorizontalIcon, SquareTerminalIcon, @@ -52,7 +52,7 @@ export const SettingsNavigation = () => { )} {!features.disableProfiles && (