|
|
@ -8,8 +8,8 @@ import { cn } from "@/lib/utils";
|
|
|
|
import { Routes } from "@/router";
|
|
|
|
import { Routes } from "@/router";
|
|
|
|
import { userStore } from "@/store";
|
|
|
|
import { userStore } from "@/store";
|
|
|
|
import { useTranslate } from "@/utils/i18n";
|
|
|
|
import { useTranslate } from "@/utils/i18n";
|
|
|
|
import BrandBanner from "./BrandBanner";
|
|
|
|
import MemosLogo from "./MemosLogo";
|
|
|
|
import UserBanner from "./UserBanner";
|
|
|
|
import UserMenu from "./UserMenu";
|
|
|
|
|
|
|
|
|
|
|
|
interface NavLinkItem {
|
|
|
|
interface NavLinkItem {
|
|
|
|
id: string;
|
|
|
|
id: string;
|
|
|
@ -67,7 +67,7 @@ const Navigation = observer((props: Props) => {
|
|
|
|
<header className={cn("w-full h-full overflow-auto flex flex-col justify-between items-start gap-4 hide-scrollbar", className)}>
|
|
|
|
<header className={cn("w-full h-full overflow-auto flex flex-col justify-between items-start gap-4 hide-scrollbar", className)}>
|
|
|
|
<div className="w-full px-1 py-1 flex flex-col justify-start items-start space-y-2 overflow-auto overflow-x-hidden hide-scrollbar shrink">
|
|
|
|
<div className="w-full px-1 py-1 flex flex-col justify-start items-start space-y-2 overflow-auto overflow-x-hidden hide-scrollbar shrink">
|
|
|
|
<NavLink className="mb-3 cursor-default" to={currentUser ? Routes.ROOT : Routes.EXPLORE}>
|
|
|
|
<NavLink className="mb-3 cursor-default" to={currentUser ? Routes.ROOT : Routes.EXPLORE}>
|
|
|
|
<BrandBanner collapsed={collapsed} />
|
|
|
|
<MemosLogo collapsed={collapsed} />
|
|
|
|
</NavLink>
|
|
|
|
</NavLink>
|
|
|
|
{navLinks.map((navLink) => (
|
|
|
|
{navLinks.map((navLink) => (
|
|
|
|
<NavLink
|
|
|
|
<NavLink
|
|
|
@ -105,7 +105,7 @@ const Navigation = observer((props: Props) => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{currentUser && (
|
|
|
|
{currentUser && (
|
|
|
|
<div className={cn("w-full flex flex-col justify-end", props.collapsed ? "items-center" : "items-start pl-3")}>
|
|
|
|
<div className={cn("w-full flex flex-col justify-end", props.collapsed ? "items-center" : "items-start pl-3")}>
|
|
|
|
<UserBanner collapsed={collapsed} />
|
|
|
|
<UserMenu collapsed={collapsed} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
</header>
|
|
|
|
</header>
|
|
|
|