import { Fragment, useState } from "react"; import { Disclosure, Menu, Switch, Transition } from "@headlessui/react"; import { MagnifyingGlassIcon } from "@heroicons/react/20/solid"; import { Bars3Icon, BellIcon, CogIcon, CreditCardIcon, KeyIcon, SquaresPlusIcon, UserCircleIcon, XMarkIcon, UsersIcon, } from "@heroicons/react/24/outline"; import { useRouter } from "next/router"; import Link from "next/link"; import Head from "next/head"; import avatarFromInitials from "avatar-from-initials"; import { useSession } from "next-auth/react"; import { User } from "next-auth"; import { Value } from "sass"; const subNavigation = [ { name: "Profile", href: "/settings/profile", icon: UserCircleIcon, current: true, }, { name: "Password", href: "/settings/password", icon: KeyIcon, current: false, }, ]; function classNames(...classes: any) { return classes.filter(Boolean).join(" "); } export default function Setttings() { const session = useSession(); let user = session.data?.user; const router = useRouter(); subNavigation.forEach((element) => { element.current = element.href == router.route; }); return (
Settings | Documenso

Settings

{/* Profile section */}

Profile

Let people know who they are dealing with builds trust.

{}} autoComplete="given-name" className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm" />
); }