From 648913af1dabe8c33eb6124dfa95745a8c088291 Mon Sep 17 00:00:00 2001
From: Jennifer Echenim <echenimjennifer@gmail.com>
Date: Mon, 18 Dec 2023 11:03:04 +0400
Subject: [PATCH] Update image source and alt text in `EmptyState` component

---
 .../frontend/pages/address/[address].tsx             |  3 ++-
 .../src/components/modules/common/empty-state.tsx    | 12 +++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/tools/obscuroscan_v3/frontend/pages/address/[address].tsx b/tools/obscuroscan_v3/frontend/pages/address/[address].tsx
index 9cf8f59e59..bb8a057374 100644
--- a/tools/obscuroscan_v3/frontend/pages/address/[address].tsx
+++ b/tools/obscuroscan_v3/frontend/pages/address/[address].tsx
@@ -12,7 +12,8 @@ const AddressDetails = () => {
       <EmptyState
         title="Address Details"
         description="Coming soon..."
-        image="/assets/images/clock.png"
+        imageSrc="/assets/images/clock.png"
+        imageAlt="Clock"
         action={<Button onClick={() => push("/")}>Go Home</Button>}
       />
     </Layout>
diff --git a/tools/obscuroscan_v3/frontend/src/components/modules/common/empty-state.tsx b/tools/obscuroscan_v3/frontend/src/components/modules/common/empty-state.tsx
index 94854bd29e..ba62b14c3b 100644
--- a/tools/obscuroscan_v3/frontend/src/components/modules/common/empty-state.tsx
+++ b/tools/obscuroscan_v3/frontend/src/components/modules/common/empty-state.tsx
@@ -4,23 +4,25 @@ const EmptyState = ({
   title,
   description,
   icon,
-  image,
+  imageSrc,
+  imageAlt,
   action,
 }: {
   title?: string;
   description?: string;
   icon?: React.ReactNode;
-  image?: string;
+  imageSrc?: string;
+  imageAlt?: string;
   action?: React.ReactNode;
 }) => {
   return (
     <div className="flex flex-col items-center justify-center h-full">
       <div className="flex flex-col items-center justify-center space-y-4">
         {icon && <div className="w-24 h-24">{icon}</div>}
-        {image && (
+        {imageSrc && (
           <img
-            src={image}
-            alt="Empty state"
+            src={imageSrc}
+            alt={imageAlt || "Empty state"}
             className="w-24 h-24 rounded-full"
           />
         )}