From c908310f6e074aec8495894400803f33cd8b059d Mon Sep 17 00:00:00 2001
From: Salman <salmanhammed77@gmail.com>
Date: Fri, 15 Mar 2024 21:07:13 +0530
Subject: [PATCH] fix: add lint line for reference

---
 frontend/src/components/v2/SecretInput/SecretInput.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/v2/SecretInput/SecretInput.tsx b/frontend/src/components/v2/SecretInput/SecretInput.tsx
index d6a580ee3..f08706da0 100644
--- a/frontend/src/components/v2/SecretInput/SecretInput.tsx
+++ b/frontend/src/components/v2/SecretInput/SecretInput.tsx
@@ -11,6 +11,7 @@ import { useGetFoldersByEnv } from "@app/hooks/api/secretFolders/queries";
 import { useGetProjectSecrets } from "@app/hooks/api/secrets/queries";
 
 const REGEX_REFERENCE = /(\${([^}]*)})/g;
+const REGEX_REFERENCE_INVALID = /(?:\/|\\|\n|\.$|^\.)/g
 const replaceContentWithDot = (str: string) => {
   let finalStr = "";
   for (let i = 0; i < str.length; i += 1) {
@@ -32,7 +33,12 @@ const syntaxHighlight = (content?: string | null, isVisible?: boolean) => {
       skipNext = true;
       return (
         <span className="ph-no-capture text-yellow" key={`secret-value-${i + 1}`}>
-          &#36;&#123;<span className="ph-no-capture text-yellow-200/80">{el.slice(2, -1)}</span>
+          &#36;&#123;<span
+            className={twMerge(
+              "ph-no-capture text-yellow-200/80",
+              REGEX_REFERENCE_INVALID.test(el.slice(2, -1)) && "underline decoration-wavy decoration-red"
+            )}
+          >{el.slice(2, -1)}</span>
           &#125;
         </span>
       );