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.
This commit is contained in:
Zoltan Papp
2026-09-05 19:49:06 +02:00
parent 50197c7355
commit 895a1dde57
2 changed files with 4 additions and 4 deletions
@@ -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<Record<string, HTMLButtonElement | null>>({});
@@ -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 = () => {
)}
<VerticalTabs.Trigger
value={"fileSharing"}
icon={FolderDownIcon}
icon={Share2Icon}
title={t("settings.tabs.fileSharing")}
/>
{!features.disableProfiles && (