From c6ddb2905f00a7a23b7670468a7aa4b9f6dcb0a8 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 9 Dec 2024 12:44:32 -0300
Subject: [PATCH] Refactor: update NodeDescription component to conditionally
 render character limit message (#5037)

* Refactor: Update NodeDescription component to conditionally render a character limit message

* [autofix.ci] apply automated fixes

* Refactor: update NoteNode inputClassName to remove unnecessary ring and focus styles (#5038)

refactor: Update NoteNode inputClassName to remove unnecessary ring and focus styles
Co-authored-by: Mike Fortman <michael.fortman@datastax.com>
---
 .../GenericNode/components/NodeDescription/index.tsx            | 2 +-
 src/frontend/src/CustomNodes/NoteNode/index.tsx                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx
index 7a24fe78c..6fdc7cb20 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx
@@ -109,7 +109,7 @@ export default function NodeDescription({
               }
             }}
           />
-          {charLimit && (
+          {charLimit && (nodeDescription?.length ?? 0) >= charLimit - 100 && (
             <div
               className={cn(
                 "pt-1 text-left text-[13px]",
diff --git a/src/frontend/src/CustomNodes/NoteNode/index.tsx b/src/frontend/src/CustomNodes/NoteNode/index.tsx
index d4a7ee4f7..349b1e33d 100644
--- a/src/frontend/src/CustomNodes/NoteNode/index.tsx
+++ b/src/frontend/src/CustomNodes/NoteNode/index.tsx
@@ -85,7 +85,7 @@ function NoteNode({
         >
           <NodeDescription
             inputClassName={cn(
-              "border-0 ring-transparent resize-none shadow-none rounded-sm h-full w-full",
+              "border-0 ring-0 focus:ring-0 resize-none shadow-none rounded-sm h-full w-full",
               COLOR_OPTIONS[bgColor] === null
                 ? ""
                 : "dark:!ring-background dark:text-background",