From 6f5b5489603a54771c95499d1cf4edea39a70915 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Fri, 28 Mar 2025 22:34:10 -0300
Subject: [PATCH] fix: adds external link icon to empty prompt (#7324)

Added external link icon to prompt
---
 .../components/promptComponent/index.tsx      | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/promptComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/promptComponent/index.tsx
index 04778fcd9..3747b2d43 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/promptComponent/index.tsx
@@ -1,3 +1,4 @@
+import ForwardedIconComponent from "@/components/common/genericIconComponent";
 import SanitizedHTMLWrapper from "@/components/common/sanitizedHTMLWrapper";
 import { regexHighlight } from "@/constants/constants";
 import PromptModal from "@/modals/promptModal";
@@ -66,6 +67,19 @@ export default function PromptAreaComponent({
     </span>
   );
 
+  const renderExternalLinkIcon = () =>
+    !value || value == "" ? (
+      <ForwardedIconComponent
+        name={disabled ? "lock" : "Scan"}
+        className={cn(
+          "icons-parameters-comp pointer-events-none absolute right-3 top-1/2 h-4 w-4 shrink-0 -translate-y-1/2",
+          disabled ? "text-placeholder-foreground" : "text-foreground",
+        )}
+      />
+    ) : (
+      <></>
+    );
+
   return (
     <div className={cn("w-full", disabled && "pointer-events-none")}>
       <PromptModal
@@ -82,7 +96,10 @@ export default function PromptAreaComponent({
           className="w-full"
           data-testid="button_open_prompt_modal"
         >
-          <div className="relative w-full">{renderPromptText()}</div>
+          <div className="relative w-full">
+            {renderPromptText()}
+            {renderExternalLinkIcon()}
+          </div>
         </Button>
       </PromptModal>
     </div>