From 174cd37a2be0d4cf8fc5b285ccc601eae8746736 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 26 Jan 2024 17:08:44 -0300
Subject: [PATCH] Refactor chatInput component to use Popover for repetitions
 input

---
 .../newChatView/chatInput/index.tsx           | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/components/newChatView/chatInput/index.tsx b/src/frontend/src/components/newChatView/chatInput/index.tsx
index 777fb5d79..9f19704a5 100644
--- a/src/frontend/src/components/newChatView/chatInput/index.tsx
+++ b/src/frontend/src/components/newChatView/chatInput/index.tsx
@@ -4,8 +4,8 @@ import { Textarea } from "../../../components/ui/textarea";
 import { chatInputType } from "../../../types/components";
 import { classNames } from "../../../utils/utils";
 import { Button } from "../../ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
 import { Input } from "../../ui/input";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
 
 export default function ChatInput({
   lockChat,
@@ -120,17 +120,19 @@ export default function ChatInput({
             <IconComponent name="Repeat" className="" aria-hidden="true" />
           </Button>
         </PopoverTrigger>
-        <PopoverContent className="w-fit"><div className="flex flex-col gap-2 items-center justify-center">
-        <span className="text-sm">Repetitions: </span>
-        <Input
-          onChange={(e) => {
-            handleChange(parseInt(e.target.value));
-          }}
-          className="w-16"
-          type="number"
-          min={0}
-        />
-      </div></PopoverContent>
+        <PopoverContent className="w-fit">
+          <div className="flex flex-col items-center justify-center gap-2">
+            <span className="text-sm">Repetitions: </span>
+            <Input
+              onChange={(e) => {
+                handleChange(parseInt(e.target.value));
+              }}
+              className="w-16"
+              type="number"
+              min={0}
+            />
+          </div>
+        </PopoverContent>
       </Popover>
     </div>
   );