From ea2b0dcc38751d5df31c71b3d2f66716223b5c94 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 26 Sep 2023 21:01:25 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20refactor(keypairListComponent):?=
 =?UTF-8?q?=20replace=20Textarea=20component=20with=20Input=20component=20?=
 =?UTF-8?q?for=20key=20and=20value=20inputs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/keypairListComponent/index.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/keypairListComponent/index.tsx b/src/frontend/src/components/keypairListComponent/index.tsx
index 61a0d6851..e9c016ece 100644
--- a/src/frontend/src/components/keypairListComponent/index.tsx
+++ b/src/frontend/src/components/keypairListComponent/index.tsx
@@ -4,7 +4,7 @@ import { KeyPairListComponentType } from "../../types/components";
 import _ from "lodash";
 import { classNames } from "../../utils/utils";
 import IconComponent from "../genericIconComponent";
-import { Textarea } from "../ui/textarea";
+import { Input } from "../ui/input";
 
 export default function KeypairListComponent({
   value,
@@ -49,8 +49,8 @@ export default function KeypairListComponent({
         return Object.keys(obj).map((key, idx) => {
           return (
             <div key={idx} className="flex w-full gap-3">
-              <Textarea
-                rows={1}
+              <Input
+                type="text"
                 value={key.trim()}
                 className={classNames(
                   editNode ? "input-edit-node" : "",
@@ -66,8 +66,8 @@ export default function KeypairListComponent({
                 }}
               />
 
-              <Textarea
-                rows={1}
+              <Input
+                type="text"
                 value={obj[key]}
                 className={editNode ? "input-edit-node" : ""}
                 placeholder="Type a value..."