From 8d1fda57603a08cfc019b97b8ff7f0faf6efdd80 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 26 Jul 2023 08:10:22 -0300
Subject: [PATCH] Changed class name to not interfere with default tailwind
 class

---
 .../src/components/codeAreaComponent/index.tsx         |  2 +-
 .../src/components/inputFileComponent/index.tsx        |  4 ++--
 src/frontend/src/components/promptComponent/index.tsx  |  2 +-
 src/frontend/src/components/ui/input.tsx               |  2 +-
 src/frontend/src/style/applies.css                     | 10 +++++-----
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index e95b03bcf..c264a88ee 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -43,7 +43,7 @@ export default function CodeAreaComponent({
               editNode
                 ? "input-edit-node input-dialog"
                 : (disabled ? " input-disable input-ring " : "") +
-                  " input-primary text-muted-foreground "
+                  " primary-input text-muted-foreground "
             }
           >
             {myValue !== "" ? myValue : "Type something..."}
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 3f77734f3..c03de7c47 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -102,8 +102,8 @@ export default function InputFileComponent({
             editNode
               ? "input-edit-node input-dialog text-muted-foreground"
               : disabled
-              ? "input-disable input-dialog input-primary"
-              : "input-dialog input-primary text-muted-foreground"
+              ? "input-disable input-dialog primary-input"
+              : "input-dialog primary-input text-muted-foreground"
           }
         >
           {myValue !== "" ? myValue : "No file"}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index d212ec08d..82196658f 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -51,7 +51,7 @@ export default function PromptAreaComponent({
               editNode
                 ? "input-edit-node input-dialog"
                 : (disabled ? " input-disable text-ring " : "") +
-                  " input-primary text-muted-foreground "
+                  " primary-input text-muted-foreground "
             }
           >
             {value !== "" ? value : "Type your prompt here..."}
diff --git a/src/frontend/src/components/ui/input.tsx b/src/frontend/src/components/ui/input.tsx
index c025f8de3..b014a57b3 100644
--- a/src/frontend/src/components/ui/input.tsx
+++ b/src/frontend/src/components/ui/input.tsx
@@ -9,7 +9,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <input
         type={type}
-        className={cn("nopan nodrag noundo nocopy input-primary", className)}
+        className={cn("nopan nodrag noundo nocopy primary-input", className)}
         ref={ref}
         {...props}
       />
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index ae6a99467..2a782946e 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -87,20 +87,20 @@
     .button-div-style {
       @apply gap-2 flex
     }
-    .input-primary{
+    .primary-input{
       @apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full truncate
     }
     
-  /* The same as input-primary but no-truncate */
+  /* The same as primary-input but no-truncate */
     .textarea-primary{
       @apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full
     }
     
     .input-edit-node{
-      @apply input-primary pt-0.5 pb-0.5 text-left w-full
+      @apply primary-input pt-0.5 pb-0.5 text-left w-full
     }
     .input-search{
-      @apply input-primary pr-7 mx-2
+      @apply primary-input pr-7 mx-2
     }
     .input-disable{
       @apply bg-border placeholder:text-ring border-transparent
@@ -385,7 +385,7 @@
       @apply  input-edit-node relative pr-8
     }
     .dropdown-component-false-outline {
-      @apply input-primary py-2 pl-3 pr-10 text-left
+      @apply primary-input py-2 pl-3 pr-10 text-left
     }
     .dropdown-component-display {
       @apply block w-full truncate bg-background