use img instead of next js image for avatar, logo (#38)

This commit is contained in:
mantikoros 2022-01-27 16:50:55 -06:00 committed by GitHub
parent 9b59ea9fbe
commit bd6c215cd3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 9 deletions

View File

@ -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}

View File

@ -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>

View File

@ -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}