Phearun UM
bda862e4d3
* menu sticky and add font adjustment * menu sticky and add font adjustment * ui menu sticky and fontsize adjustment --------- Co-authored-by: phearun <phearun@whitesand.online>
35 lines
953 B
TypeScript
35 lines
953 B
TypeScript
import React from "react";
|
|
import { useTheme } from "@/contexts/ThemeContext";
|
|
import { SidebarHeader } from "./sidebar/SidebarHeader";
|
|
import { MainNavigation } from "./sidebar/MainNavigation";
|
|
import { SettingsPanel } from "./sidebar/SettingsPanel";
|
|
|
|
interface SidebarProps {
|
|
collapsed: boolean;
|
|
}
|
|
|
|
export const Sidebar = ({ collapsed }: SidebarProps) => {
|
|
const { theme } = useTheme();
|
|
|
|
return (
|
|
<div
|
|
className={`
|
|
${
|
|
theme === "dark"
|
|
? "bg-black border-[#1e1e1e]"
|
|
: "bg-sidebars border-sidebar-border"
|
|
}
|
|
border-r flex flex-col h-full
|
|
${collapsed ? "w-16" : "w-64"}
|
|
${collapsed ? "hidden" : ""}`}
|
|
>
|
|
<SidebarHeader collapsed={collapsed} />
|
|
<MainNavigation collapsed={collapsed} />
|
|
<SettingsPanel collapsed={collapsed} />
|
|
<div className="items-center ml-2 p-2 h-30 border-t ">
|
|
Version: latest
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|