From 0e69d09a8e52bbb0964f5127a22dd1aad4ea06a6 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Wed, 21 Aug 2024 22:10:24 +0530
Subject: [PATCH] feat: display element info in getAttributeOptions

---
 src/components/organisms/BrowserWindow.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 40730684..47738ad3 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -21,23 +21,26 @@ interface AttributeOption {
     value: string;
 }
 
-const getAttributeOptions = (tagName: string): AttributeOption[] => {
+const getAttributeOptions = (tagName: string, elementInfo: ElementInfo | null): AttributeOption[] => {
+    if (!elementInfo) return [];
+
     switch (tagName.toLowerCase()) {
         case 'a':
             return [
-                { label: 'Text', value: 'innerText' },
-                { label: 'URL', value: 'href' }
+                { label: `Text: ${elementInfo.innerText || 'N/A'}`, value: 'innerText' },
+                { label: `URL: ${elementInfo.url || 'N/A'}`, value: 'href' }
             ];
         case 'img':
             return [
-                { label: 'Alt Text', value: 'alt' },
-                { label: 'Source URL', value: 'src' }
+                { label: `Alt Text: ${elementInfo.innerText || 'N/A'}`, value: 'alt' },
+                { label: `Source URL: ${elementInfo.imageUrl || 'N/A'}`, value: 'src' }
             ];
         default:
-            return [{ label: 'Text', value: 'innerText' }];
+            return [{ label: `Text: ${elementInfo.innerText || 'N/A'}`, value: 'innerText' }];
     }
 };
 
+
 export const BrowserWindow = () => {
     const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);
     const [screenShot, setScreenShot] = useState<string>("");