reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrated modal to radix-ui

Browse Source
This commit is contained in:
Ren Amamiya
2023-02-23 08:31:44 +07:00
parent 8a79938391
commit 76df6dbacf
6 changed files with 447 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/navigatorBar/index.tsx
View File

@@ -1,5 +1,6 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import ActiveLink from '@components/activeLink';
import CreatePost from '@components/navigatorBar/createPost';
import PlusIcon from '@assets/icons/Plus';
@@ -8,6 +9,10 @@ export default function NavigatorBar() {
<div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-12 pb-4">
{/* main */}
<div className="flex flex-col gap-4">
{/* Create post */}
<div className="flex flex-col gap-2">
<CreatePost />
</div>
{/* Newsfeed */}
<div className="flex flex-col gap-2">
<div className="flex items-center justify-between px-2">
@@ -35,20 +40,7 @@ export default function NavigatorBar() {
</ActiveLink>
</div>
</div>
{/* Channels
<div className="flex flex-col gap-2">
<div className="flex items-center justify-between px-2">
<h3 className="text-sm font-bold text-zinc-400">Channels</h3>
<button
type="button"
className="group flex h-6 w-6 items-center justify-center rounded-full hover:bg-zinc-900">
<PlusIcon className="h-4 w-4 text-zinc-400 group-hover:text-zinc-100" />
</button>
</div>
<div></div>
</div>
*/}
{/* Direct messages */}
{/* Messages */}
<div className="flex flex-col gap-2">
<div className="flex items-center justify-between px-2">
<h3 className="text-sm font-bold text-zinc-400">Direct Messages</h3>
@@ -64,3 +56,17 @@ export default function NavigatorBar() {
</div>
);
}
/* Channels
<div className="flex flex-col gap-2">
<div className="flex items-center justify-between px-2">
<h3 className="text-sm font-bold text-zinc-400">Channels</h3>
<button
type="button"
className="group flex h-6 w-6 items-center justify-center rounded-full hover:bg-zinc-900">
<PlusIcon className="h-4 w-4 text-zinc-400 group-hover:text-zinc-100" />
</button>
</div>
<div></div>
</div>
*/