apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-07-18 21:21:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

show projects link in collapsed menu

Browse source
This commit is contained in:
ramnique 2025-01-28 08:00:36 +05:30
parent e470a8ec58
commit 0b0db41d55
1 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
apps/rowboat/app/projects/[projectId]/nav.tsx
View file

@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
import clsx from "clsx"; import clsx from "clsx";
import Menu from "./menu"; import Menu from "./menu";
import { getProjectConfig } from "@/app/actions"; import { getProjectConfig } from "@/app/actions";
import { ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react"; import { ChevronsLeftIcon, ChevronsRightIcon, FolderOpenIcon, PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
export function Nav({ export function Nav({
projectId, projectId,
@ -32,9 +32,9 @@ export function Nav({
"w-10": collapsed "w-10": collapsed
})}> })}>
<Tooltip content={collapsed ? "Expand" : "Collapse"} showArrow placement="right"> <Tooltip content={collapsed ? "Expand" : "Collapse"} showArrow placement="right">
<button onClick={toggleCollapse} className="absolute bottom-[50px] left-2 text-gray-400 hover:text-black w-[28px] h-[28px]"> <button onClick={toggleCollapse} className="absolute bottom-[50px] right-2 text-gray-400 hover:text-black w-[28px] h-[28px]">
{!collapsed && <ChevronsLeftIcon size={16} className="m-auto" />} {!collapsed && <PanelLeftCloseIcon size={16} className="m-auto" />}
{collapsed && <ChevronsRightIcon size={16} className="m-auto" />} {collapsed && <PanelLeftOpenIcon size={16} className="m-auto" />}
</button> </button>
</Tooltip> </Tooltip>
{!collapsed && <div className="flex flex-col gap-1"> {!collapsed && <div className="flex flex-col gap-1">
@ -43,12 +43,20 @@ export function Nav({
<div className="absolute top-[-7px] left-1 px-1 bg-gray-100 text-xs text-gray-400 group-hover:text-gray-600"> <div className="absolute top-[-7px] left-1 px-1 bg-gray-100 text-xs text-gray-400 group-hover:text-gray-600">
Project Project
</div> </div>
<div className="truncate text-sm"> <div className="flex flex-row items-center gap-2">
{projectName || projectId} <FolderOpenIcon size={16} />
<div className="truncate text-sm">
{projectName || projectId}
</div>
</div> </div>
</Link> </Link>
</Tooltip> </Tooltip>
</div>} </div>}
{collapsed && <Tooltip content="Change project" showArrow placement="right">
<Link href="/projects">
<FolderOpenIcon size={16} className="ml-1" />
</Link>
</Tooltip>}
<Menu projectId={projectId} collapsed={collapsed} /> <Menu projectId={projectId} collapsed={collapsed} />
</div>; </div>;
} }