wip: refresh design

apps/web/src/components/(dashboard)/layout/desktop-nav.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import { HTMLAttributes } from 'react';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+
+import { cn } from '@documenso/ui/lib/utils';
+
+export type DesktopNavProps = HTMLAttributes<HTMLDivElement>;
+
+export const DesktopNav = ({ className, ...props }: DesktopNavProps) => {
+  const pathname = usePathname();
+
+  return (
+    <div className={cn('ml-8 hidden flex-1 gap-x-6 md:flex', className)} {...props}>
+      <Link
+        href="/dashboard"
+        className={cn('font-medium leading-5 text-[#A1A1AA] hover:opacity-80', {
+          'text-primary-foreground': pathname?.startsWith('/dashboard'),
+        })}
+      >
+        Dashboard
+      </Link>
+      <Link
+        href="/documents"
+        className={cn('font-medium leading-5 text-[#A1A1AA] hover:opacity-80', {
+          'text-primary-foreground': pathname?.startsWith('/documents'),
+        })}
+      >
+        Documents
+      </Link>
+      {/* <Link
+        href="/settings/profile"
+        className={cn('font-medium leading-5 text-[#A1A1AA] hover:opacity-80', {
+          'text-primary-foreground': pathname?.startsWith('/settings'),
+        })}
+      >
+        Settings
+      </Link> */}
+    </div>
+  );
+};