From 0ea4736c37cc2993f4674e133c6bd12ae6ebb73e Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 10 Dec 2021 18:16:58 -0600
Subject: [PATCH] Replacing Image components with img

---
 web/components/header.tsx | 7 ++-----
 web/pages/account.tsx     | 5 +----
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/components/header.tsx b/web/components/header.tsx
index 5f5c304b..a1f02426 100644
--- a/web/components/header.tsx
+++ b/web/components/header.tsx
@@ -3,7 +3,6 @@ import { Popover } from '@headlessui/react'
 import Link from 'next/link'
 import { useUser } from '../hooks/use-user'
 import { firebaseLogin } from '../lib/firebase/users'
-import Image from 'next/image'
 
 const navigation = [
   {
@@ -64,12 +63,10 @@ export function Header(props: { darkBackground?: boolean }) {
             <div className="flex items-center justify-between w-full md:w-auto">
               <Link href="/">
                 <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
-                  <div className="inline-block mr-3 mt-2">
-                    <Image
+                  <div className="inline-block mr-3">
+                    <img
                       className="h-6 sm:h-10"
                       src="/logo-icon.svg"
-                      width={40}
-                      height={40}
                     />
                   </div>
                   <span
diff --git a/web/pages/account.tsx b/web/pages/account.tsx
index 46389348..94ebd1a2 100644
--- a/web/pages/account.tsx
+++ b/web/pages/account.tsx
@@ -5,7 +5,6 @@ import { useUser } from '../hooks/use-user'
 import { useState, useEffect } from 'react'
 import { Contract, listContracts } from '../lib/firebase/contracts'
 import { ContractsList } from '../components/contracts-list'
-import Image from 'next/image'
 
 export default function Account() {
   const user = useUser()
@@ -25,11 +24,9 @@ export default function Account() {
           <div className="card glass lg:card-side text-neutral-content bg-green-600 hover:bg-green-600 transition-all max-w-sm mx-auto my-12">
             <figure className="p-6">
               {user?.avatarUrl && (
-                <Image
+                <img
                   src={user.avatarUrl}
                   className="rounded-lg shadow-lg"
-                  width={96}
-                  height={96}
                 />
               )}
             </figure>