From 9d75dd156d82b9ffca23bc6e0463e7b89c869a1e Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Wed, 21 Aug 2024 23:34:30 +0530
Subject: [PATCH] feat: handle a & img tags attribute options

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

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 295cf57b..12a7b32c 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -25,19 +25,23 @@ const getAttributeOptions = (tagName: string, elementInfo: ElementInfo | null):
     if (!elementInfo) return [];
     switch (tagName.toLowerCase()) {
         case 'a':
-            return [
-                { label: `Text: ${elementInfo.innerText}`, value: 'innerText' },
-                { label: `URL: ${elementInfo.url}`, value: 'href' }
-            ];
-        case 'img':
-            const options: AttributeOption[] = [];
+            const anchorOptions: AttributeOption[] = [];
             if (elementInfo.innerText) {
-                options.push({ label: `Alt Text: ${elementInfo.innerText}`, value: 'alt' });
+                anchorOptions.push({ label: `Text: ${elementInfo.innerText}`, value: 'innerText' });
+            }
+            if (elementInfo.url) {
+                anchorOptions.push({ label: `URL: ${elementInfo.url}`, value: 'href' });
+            }
+            return anchorOptions;
+        case 'img':
+            const imgOptions: AttributeOption[] = [];
+            if (elementInfo.innerText) {
+                imgOptions.push({ label: `Alt Text: ${elementInfo.innerText}`, value: 'alt' });
             }
             if (elementInfo.imageUrl) {
-                options.push({ label: `Image URL: ${elementInfo.imageUrl}`, value: 'src' });
+                imgOptions.push({ label: `Image URL: ${elementInfo.imageUrl}`, value: 'src' });
             }
-            return options;
+            return imgOptions;
         default:
             return [{ label: `Text: ${elementInfo.innerText}`, value: 'innerText' }];
     }