Add Prettier. Remove unused Button component

This commit is contained in:
Lennon Puldagrealy
2022-12-18 11:14:41 -08:00
parent 278189d015
commit ed47bcaa7a
21 changed files with 374 additions and 353 deletions
+19 -16
View File
@@ -1,10 +1,10 @@
import Link from 'next/link'
import { Popover } from '@headlessui/react'
import { AnimatePresence, motion } from 'framer-motion'
import Link from "next/link";
import { Popover } from "@headlessui/react";
import { AnimatePresence, motion } from "framer-motion";
import { Container } from './Container'
import Image from 'next/image'
import { NavLinks } from './NavLinks'
import { Container } from "./Container";
import Image from "next/image";
import { NavLinks } from "./NavLinks";
function MenuIcon(props) {
return (
@@ -16,7 +16,7 @@ function MenuIcon(props) {
strokeLinejoin="round"
/>
</svg>
)
);
}
function ChevronUpIcon(props) {
@@ -29,7 +29,7 @@ function ChevronUpIcon(props) {
strokeLinejoin="round"
/>
</svg>
)
);
}
function MobileNavLink({ children, ...props }) {
@@ -42,7 +42,7 @@ function MobileNavLink({ children, ...props }) {
>
{children}
</Popover.Button>
)
);
}
export function Header() {
@@ -51,9 +51,15 @@ export function Header() {
<nav>
<Container className="relative z-50 flex justify-between py-8">
<div className="relative z-10 flex items-center gap-16">
<Link href="/" aria-label="Home" className='flex items-center'>
<Image src="/images/logos/CHAT-THOUGHT-LOGO.svg" className="mx-auto object-fill" width="50" height="50" alt="logo"/>
<span className='text-2xl font-bold ml-3'>Open Assistant</span>
<Link href="/" aria-label="Home" className="flex items-center">
<Image
src="/images/logos/CHAT-THOUGHT-LOGO.svg"
className="mx-auto object-fill"
width="50"
height="50"
alt="logo"
/>
<span className="text-2xl font-bold ml-3">Open Assistant</span>
</Link>
<div className="hidden lg:flex lg:gap-10">
<NavLinks />
@@ -105,7 +111,6 @@ export function Header() {
<MobileNavLink href="#faqs">FAQs</MobileNavLink>
</div>
<div className="mt-8 flex flex-col gap-4">
<a href="/login">
<button
type="button"
@@ -114,8 +119,6 @@ export function Header() {
Log in
</button>
</a>
</div>
</Popover.Panel>
</>
@@ -136,5 +139,5 @@ export function Header() {
</Container>
</nav>
</header>
)
);
}