open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/manifold-logo.tsx
View File

@ -1,5 +1,4 @@
import Link from 'next/link' import Link from 'next/link'
import Image from 'next/image'
import clsx from 'clsx' import clsx from 'clsx'
import { useUser } from '../hooks/use-user' import { useUser } from '../hooks/use-user'
@ -15,7 +14,7 @@ export function ManifoldLogo(props: {
return ( return (
<Link href={user ? '/home' : '/'}> <Link href={user ? '/home' : '/'}>
<a className={clsx('flex flex-row gap-4 flex-shrink-0', className)}> <a className={clsx('flex flex-row gap-4 flex-shrink-0', className)}>
<Image <img
className="hover:rotate-12 transition-all" className="hover:rotate-12 transition-all"
src={darkBackground ? '/logo-white.svg' : '/logo.svg'} src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
width={45} width={45}

5
web/components/profile-menu.tsx
View File

@ -1,4 +1,3 @@
import Image from 'next/image'
import { firebaseLogout, User } from '../lib/firebase/users' import { firebaseLogout, User } from '../lib/firebase/users'
import { formatMoney } from '../lib/util/format' import { formatMoney } from '../lib/util/format'
import { Col } from './layout/col' import { Col } from './layout/col'
@ -76,9 +75,7 @@ function ProfileSummary(props: { user: User }) {
return ( return (
<Col className="avatar items-center sm:flex-row gap-2 sm:gap-0"> <Col className="avatar items-center sm:flex-row gap-2 sm:gap-0">
<div className="rounded-full w-10 h-10 sm:mr-4"> <div className="rounded-full w-10 h-10 sm:mr-4">
{user.avatarUrl && ( {user.avatarUrl && <img src={user.avatarUrl} width={40} height={40} />}
<Image src={user.avatarUrl} width={40} height={40} />
)}
</div> </div>
<div className="truncate text-left" style={{ maxWidth: 170 }}> <div className="truncate text-left" style={{ maxWidth: 170 }}>
<div className="hidden sm:flex">{user.name}</div> <div className="hidden sm:flex">{user.name}</div>

4
web/pages/add-funds.tsx
View File

@ -5,8 +5,6 @@ import { Title } from '../components/title'
import { FundsSelector } from '../components/yes-no-selector' import { FundsSelector } from '../components/yes-no-selector'
import { useUser } from '../hooks/use-user' import { useUser } from '../hooks/use-user'
import { checkoutURL } from '../lib/service/stripe' import { checkoutURL } from '../lib/service/stripe'
import Image from 'next/image'
import { Spacer } from '../components/layout/spacer'
import { Page } from '../components/page' import { Page } from '../components/page'
export default function AddFundsPage() { export default function AddFundsPage() {
@ -23,7 +21,7 @@ export default function AddFundsPage() {
<Col className="items-center"> <Col className="items-center">
<Col> <Col>
<Title text="Get Manifold Dollars" /> <Title text="Get Manifold Dollars" />
<Image <img
className="block mt-6" className="block mt-6"
src="/praying-mantis-light.svg" src="/praying-mantis-light.svg"
width={200} width={200}