From b5145305e62b934da43c08d10f63d86cf8bd57ee Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 8 Dec 2021 16:37:55 -0800
Subject: [PATCH] Undo Next Image version of logo

Reasons to undo:
- Currently broken in prod (a width/height would be needed)
- Specifying size is kind of annoying because we want it at two different size depending on responsiveness
- Next Image seems to help with progressive optimization for large raster images, not small vector SVGs.
---
 web/components/header.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/components/header.tsx b/web/components/header.tsx
index 307835a6..3015cb49 100644
--- a/web/components/header.tsx
+++ b/web/components/header.tsx
@@ -1,6 +1,5 @@
 import { Popover } from '@headlessui/react'
 import Link from 'next/link'
-import Image from 'next/image'
 
 const navigation = [
   {
@@ -22,7 +21,7 @@ export function Header() {
             <div className="flex items-center justify-between w-full md:w-auto">
               <Link href="/">
                 <a className="inline-grid grid-flow-col align-items-center h-6 sm:h-10">
-                  <Image
+                  <img
                     className="w-auto h-6 sm:h-10 inline-block mr-3"
                     src="/logo-icon.svg"
                   />
@@ -35,13 +34,8 @@ export function Header() {
 
             <div className="space-x-8 md:flex md:ml-16">
               {navigation.map((item) => (
-                <Link
-                  key={item.name}
-                  href={item.href}
-                >
-                  <a
-                    className="text-base font-medium text-white hover:text-gray-300"
-                  >
+                <Link key={item.name} href={item.href}>
+                  <a className="text-base font-medium text-white hover:text-gray-300">
                     {item.name}
                   </a>
                 </Link>