473932af0a
* chore: workspace constant and types updated * chore: workspace service, store and app theme store updated * dev: extended sidebar implementation and code refactor * chore: ux improvements * chore: sidebar preference endpoint updated * chore: sidebar preference endpoint updated * chore: sidebar preference endpoint updated * chore: code refactor * chore: code refactor * chore: radix-ui react-scroll-area added to plane ui package * chore: scrollbar color token added to tailwind config * dev: scroll area component * chore-scroll-area-component-improvement * fix: build error * chore: code refactor --------- Co-authored-by: sangeethailango <sangeethailango21@gmail.com>
26 lines
1.2 KiB
TypeScript
26 lines
1.2 KiB
TypeScript
import { BarChart2, Briefcase, Home, Inbox, Layers, PenSquare } from "lucide-react";
|
|
import { ArchiveIcon, ContrastIcon, UserActivityIcon } from "@plane/ui";
|
|
import { cn } from "@plane/utils";
|
|
|
|
export const getSidebarNavigationItemIcon = (key: string, className: string = "") => {
|
|
switch (key) {
|
|
case "home":
|
|
return <Home className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "notifications":
|
|
return <Inbox className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "projects":
|
|
return <Briefcase className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "views":
|
|
return <Layers className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "active_cycles":
|
|
return <ContrastIcon className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "analytics":
|
|
return <BarChart2 className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "your_work":
|
|
return <UserActivityIcon className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "drafts":
|
|
return <PenSquare className={cn("size-4 flex-shrink-0", className)} />;
|
|
case "archives":
|
|
return <ArchiveIcon className={cn("size-4 flex-shrink-0", className)} />;
|
|
}
|
|
};
|