ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-01 11:19:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-02-15 20:49:19 -05:00
parent d5631b309a
commit e768d9181f
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
138 changed files with 1829 additions and 1851 deletions
Download patch file Download diff file Expand all files Collapse all files

50
app/(platform)/(dashboard)/_components/Navbar.tsx
View file

@ -1,57 +1,57 @@
import { Plus } from "lucide-react";
import { OrganizationSwitcher, UserButton } from "@clerk/nextjs";
import { Plus } from 'lucide-react';
import { OrganizationSwitcher, UserButton } from '@clerk/nextjs';
import { Logo } from "@/components/logo";
import { Button } from "@/components/ui/button";
import { FormPopover } from "@/components/form/form-popover";
import { Logo } from '@/components/logo';
import { Button } from '@/components/ui/button';
import { FormPopover } from '@/components/form/form-popover';
import { MobileSidebar } from "./mobile-sidebar";
import { MobileSidebar } from './mobile-sidebar';
export const Navbar = () => {
return (
<nav className="fixed z-50 top-0 px-4 w-full h-14 border-b shadow-sm bg-white flex items-center">
<nav className='fixed top-0 z-50 flex h-14 w-full items-center border-b bg-white px-4 shadow-sm'>
<MobileSidebar />
<div className="flex items-center gap-x-4">
<div className="hidden md:flex">
<div className='flex items-center gap-x-4'>
<div className='hidden md:flex'>
<Logo />
</div>
<FormPopover align="start" side="bottom" sideOffset={18}>
<FormPopover align='start' side='bottom' sideOffset={18}>
<Button
variant="primary"
size="sm"
className="rounded-sm hidden md:block h-auto py-1.5 px-2"
variant='primary'
size='sm'
className='hidden h-auto rounded-sm px-2 py-1.5 md:block'
>
Create
</Button>
</FormPopover>
<FormPopover>
<Button
variant="primary"
size="sm"
className="rounded-sm block md:hidden"
variant='primary'
size='sm'
className='block rounded-sm md:hidden'
>
<Plus className="h-4 w-4" />
<Plus className='h-4 w-4' />
</Button>
</FormPopover>
</div>
<div className="ml-auto flex items-center gap-x-2">
<div className='ml-auto flex items-center gap-x-2'>
<OrganizationSwitcher
hidePersonal
afterCreateOrganizationUrl="/organization/:id"
afterLeaveOrganizationUrl="/org-select"
afterSelectOrganizationUrl="/organization/:id"
afterCreateOrganizationUrl='/organization/:id'
afterLeaveOrganizationUrl='/org-select'
afterSelectOrganizationUrl='/organization/:id'
appearance={{
elements: {
rootBox: {
display: "flex",
justifyContent: "center",
alignItems: "center",
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
},
},
}}
/>
<UserButton
afterSignOutUrl="/"
afterSignOutUrl='/'
appearance={{
elements: {
avatarBox: {