mirror of
https://github.com/netbirdio/netbird.git
synced 2026-09-12 17:59:06 +02:00
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:
@@ -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 && (
|
||||
|
||||
Reference in New Issue
Block a user