From bd6c215cd3c49c87c3f3850612f79d03a98d75c5 Mon Sep 17 00:00:00 2001
From: mantikoros <95266179+mantikoros@users.noreply.github.com>
Date: Thu, 27 Jan 2022 16:50:55 -0600
Subject: [PATCH] use img instead of next js image for avatar, logo (#38)

---
 web/components/manifold-logo.tsx | 3 +--
 web/components/profile-menu.tsx  | 5 +----
 web/pages/add-funds.tsx          | 4 +---
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/components/manifold-logo.tsx b/web/components/manifold-logo.tsx
index 65fee46b..70e98795 100644
--- a/web/components/manifold-logo.tsx
+++ b/web/components/manifold-logo.tsx
@@ -1,5 +1,4 @@
 import Link from 'next/link'
-import Image from 'next/image'
 import clsx from 'clsx'
 
 import { useUser } from '../hooks/use-user'
@@ -15,7 +14,7 @@ export function ManifoldLogo(props: {
   return (
     <Link href={user ? '/home' : '/'}>
       <a className={clsx('flex flex-row gap-4 flex-shrink-0', className)}>
-        <Image
+        <img
           className="hover:rotate-12 transition-all"
           src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
           width={45}
diff --git a/web/components/profile-menu.tsx b/web/components/profile-menu.tsx
index 36fb5dd4..6cefd56f 100644
--- a/web/components/profile-menu.tsx
+++ b/web/components/profile-menu.tsx
@@ -1,4 +1,3 @@
-import Image from 'next/image'
 import { firebaseLogout, User } from '../lib/firebase/users'
 import { formatMoney } from '../lib/util/format'
 import { Col } from './layout/col'
@@ -76,9 +75,7 @@ function ProfileSummary(props: { user: User }) {
   return (
     <Col className="avatar items-center sm:flex-row gap-2 sm:gap-0">
       <div className="rounded-full w-10 h-10 sm:mr-4">
-        {user.avatarUrl && (
-          <Image src={user.avatarUrl} width={40} height={40} />
-        )}
+        {user.avatarUrl && <img src={user.avatarUrl} width={40} height={40} />}
       </div>
       <div className="truncate text-left" style={{ maxWidth: 170 }}>
         <div className="hidden sm:flex">{user.name}</div>
diff --git a/web/pages/add-funds.tsx b/web/pages/add-funds.tsx
index 0a55c364..820696a9 100644
--- a/web/pages/add-funds.tsx
+++ b/web/pages/add-funds.tsx
@@ -5,8 +5,6 @@ import { Title } from '../components/title'
 import { FundsSelector } from '../components/yes-no-selector'
 import { useUser } from '../hooks/use-user'
 import { checkoutURL } from '../lib/service/stripe'
-import Image from 'next/image'
-import { Spacer } from '../components/layout/spacer'
 import { Page } from '../components/page'
 
 export default function AddFundsPage() {
@@ -23,7 +21,7 @@ export default function AddFundsPage() {
       <Col className="items-center">
         <Col>
           <Title text="Get Manifold Dollars" />
-          <Image
+          <img
             className="block mt-6"
             src="/praying-mantis-light.svg"
             width={200}