responsive design and bug fixes

This commit is contained in:
Carl-Gerhard Lindesvärd
2023-11-04 10:01:22 +01:00
parent 13618d1fd4
commit f5670253bc
51 changed files with 992 additions and 336 deletions

View File

@@ -1,24 +1,40 @@
import { useOrganizationParams } from '@/hooks/useOrganizationParams';
import { cn } from '@/utils/cn';
import Link from 'next/link';
import { NavbarCreate } from './NavbarCreate';
import { NavbarUserDropdown } from './NavbarUserDropdown';
export function NavbarMenu() {
const params = useOrganizationParams();
return (
<div className="flex gap-6 items-center">
<Link href={`/${params.organization}`}>Home</Link>
<div className={cn('flex gap-6 items-center text-sm', 'max-sm:flex-col')}>
{params.project && (
<Link href={`/${params.organization}/${params.project}/events`}>
<Link shallow href={`/${params.organization}/${params.project}`}>
Home
</Link>
)}
{params.project && (
<Link shallow href={`/${params.organization}/${params.project}/events`}>
Events
</Link>
)}
{params.project && (
<Link href={`/${params.organization}/${params.project}/profiles`}>
<Link
shallow
href={`/${params.organization}/${params.project}/profiles`}
>
Profiles
</Link>
)}
<NavbarCreate />
{params.project && (
<Link
shallow
href={`/${params.organization}/${params.project}/reports`}
>
Create report
</Link>
)}
<NavbarUserDropdown />
</div>
);
}