From 1d044cee85ab43ef826a4297bcdbfb1b0f2dc0a9 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Thu, 21 Oct 2021 18:25:57 -0300
Subject: [PATCH] Using import for image

---
 src/AddressTransactions.tsx  |   3 ++-
 src/Logo.tsx                 |   3 ++-
 src/Title.tsx                |   3 ++-
 {public => src}/otter.jpg    | Bin
 {public => src}/sourcify.svg |   0
 5 files changed, 6 insertions(+), 3 deletions(-)
 rename {public => src}/otter.jpg (100%)
 rename {public => src}/sourcify.svg (100%)

diff --git a/src/AddressTransactions.tsx b/src/AddressTransactions.tsx
index 6baead0..53f92bf 100644
--- a/src/AddressTransactions.tsx
+++ b/src/AddressTransactions.tsx
@@ -32,6 +32,7 @@ import { SelectionContext, useSelection } from "./useSelection";
 import { useMultipleETHUSDOracle } from "./usePriceOracle";
 import { useAppConfigContext } from "./useAppConfig";
 import { useSourcify } from "./useSourcify";
+import SourcifyLogo from "./sourcify.svg";
 
 type BlockParams = {
   addressOrName: string;
@@ -240,7 +241,7 @@ const AddressTransactions: React.FC = () => {
                     ) : (
                       <span className="self-center text-green-500">
                         <img
-                          src="/sourcify.svg"
+                          src={SourcifyLogo}
                           alt="Sourcify logo"
                           title="Verified by Sourcify"
                           width={16}
diff --git a/src/Logo.tsx b/src/Logo.tsx
index 905ee2c..eb31768 100644
--- a/src/Logo.tsx
+++ b/src/Logo.tsx
@@ -1,10 +1,11 @@
 import React from "react";
+import Otter from "./otter.jpg";
 
 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">
     <img
       className="rounded-full"
-      src="/otter.jpg"
+      src={Otter}
       width={96}
       height={96}
       alt="An otter scanning"
diff --git a/src/Title.tsx b/src/Title.tsx
index e132443..e1e9b8e 100644
--- a/src/Title.tsx
+++ b/src/Title.tsx
@@ -6,6 +6,7 @@ import useKeyboardShortcut from "use-keyboard-shortcut";
 import PriceBox from "./PriceBox";
 import SourcifyMenu from "./SourcifyMenu";
 import { RuntimeContext } from "./useRuntime";
+import Otter from "./otter.jpg";
 
 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">
             <img
               className="rounded-full"
-              src="/otter.jpg"
+              src={Otter}
               width={32}
               height={32}
               alt="An otter scanning"
diff --git a/public/otter.jpg b/src/otter.jpg
similarity index 100%
rename from public/otter.jpg
rename to src/otter.jpg
diff --git a/public/sourcify.svg b/src/sourcify.svg
similarity index 100%
rename from public/sourcify.svg
rename to src/sourcify.svg