Replacing Image components with img

This commit is contained in:
jahooma 2021-12-10 18:16:58 -06:00
parent 0ce4b339d3
commit 0ea4736c37
2 changed files with 3 additions and 9 deletions

View File

@ -3,7 +3,6 @@ import { Popover } from '@headlessui/react'
import Link from 'next/link' import Link from 'next/link'
import { useUser } from '../hooks/use-user' import { useUser } from '../hooks/use-user'
import { firebaseLogin } from '../lib/firebase/users' import { firebaseLogin } from '../lib/firebase/users'
import Image from 'next/image'
const navigation = [ const navigation = [
{ {
@ -64,12 +63,10 @@ export function Header(props: { darkBackground?: boolean }) {
<div className="flex items-center justify-between w-full md:w-auto"> <div className="flex items-center justify-between w-full md:w-auto">
<Link href="/"> <Link href="/">
<a className="flex flex-row items-center align-items-center h-6 sm:h-10"> <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
<div className="inline-block mr-3 mt-2"> <div className="inline-block mr-3">
<Image <img
className="h-6 sm:h-10" className="h-6 sm:h-10"
src="/logo-icon.svg" src="/logo-icon.svg"
width={40}
height={40}
/> />
</div> </div>
<span <span

View File

@ -5,7 +5,6 @@ import { useUser } from '../hooks/use-user'
import { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
import { Contract, listContracts } from '../lib/firebase/contracts' import { Contract, listContracts } from '../lib/firebase/contracts'
import { ContractsList } from '../components/contracts-list' import { ContractsList } from '../components/contracts-list'
import Image from 'next/image'
export default function Account() { export default function Account() {
const user = useUser() 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"> <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"> <figure className="p-6">
{user?.avatarUrl && ( {user?.avatarUrl && (
<Image <img
src={user.avatarUrl} src={user.avatarUrl}
className="rounded-lg shadow-lg" className="rounded-lg shadow-lg"
width={96}
height={96}
/> />
)} )}
</figure> </figure>