Using import for image

This commit is contained in:
Willian Mitsuda 2021-10-21 18:25:57 -03:00
parent 3ff4b0e65e
commit 1d044cee85
5 changed files with 6 additions and 3 deletions

View File

@ -32,6 +32,7 @@ import { SelectionContext, useSelection } from "./useSelection";
import { useMultipleETHUSDOracle } from "./usePriceOracle"; import { useMultipleETHUSDOracle } from "./usePriceOracle";
import { useAppConfigContext } from "./useAppConfig"; import { useAppConfigContext } from "./useAppConfig";
import { useSourcify } from "./useSourcify"; import { useSourcify } from "./useSourcify";
import SourcifyLogo from "./sourcify.svg";
type BlockParams = { type BlockParams = {
addressOrName: string; addressOrName: string;
@ -240,7 +241,7 @@ const AddressTransactions: React.FC = () => {
) : ( ) : (
<span className="self-center text-green-500"> <span className="self-center text-green-500">
<img <img
src="/sourcify.svg" src={SourcifyLogo}
alt="Sourcify logo" alt="Sourcify logo"
title="Verified by Sourcify" title="Verified by Sourcify"
width={16} width={16}

View File

@ -1,10 +1,11 @@
import React from "react"; import React from "react";
import Otter from "./otter.jpg";
const Logo: React.FC = () => ( const Logo: React.FC = () => (
<div className="mx-auto mb-16 text-6xl text-link-blue font-title font-bold cursor-default flex items-center space-x-4"> <div className="mx-auto mb-16 text-6xl text-link-blue font-title font-bold cursor-default flex items-center space-x-4">
<img <img
className="rounded-full" className="rounded-full"
src="/otter.jpg" src={Otter}
width={96} width={96}
height={96} height={96}
alt="An otter scanning" alt="An otter scanning"

View File

@ -6,6 +6,7 @@ import useKeyboardShortcut from "use-keyboard-shortcut";
import PriceBox from "./PriceBox"; import PriceBox from "./PriceBox";
import SourcifyMenu from "./SourcifyMenu"; import SourcifyMenu from "./SourcifyMenu";
import { RuntimeContext } from "./useRuntime"; import { RuntimeContext } from "./useRuntime";
import Otter from "./otter.jpg";
const CameraScanner = React.lazy(() => import("./search/CameraScanner")); const CameraScanner = React.lazy(() => import("./search/CameraScanner"));
@ -44,7 +45,7 @@ const Title: React.FC = () => {
<div className="text-2xl text-link-blue font-title font-bold flex items-center space-x-2"> <div className="text-2xl text-link-blue font-title font-bold flex items-center space-x-2">
<img <img
className="rounded-full" className="rounded-full"
src="/otter.jpg" src={Otter}
width={32} width={32}
height={32} height={32}
alt="An otter scanning" alt="An otter scanning"

View File

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

View File

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB