prettier

ui/components/EmptyChatMessageInput.tsx

@@ -1,8 +1,8 @@
-import { ArrowRight } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import CopilotToggle from './MessageInputActions/Copilot';
-import Focus from './MessageInputActions/Focus';
+import { ArrowRight } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import TextareaAutosize from "react-textarea-autosize";
+import CopilotToggle from "./MessageInputActions/Copilot";
+import Focus from "./MessageInputActions/Focus";
 
 const EmptyChatMessageInput = ({
   sendMessage,
@@ -14,37 +14,37 @@ const EmptyChatMessageInput = ({
   setFocusMode: (mode: string) => void;
 }) => {
   const [copilotEnabled, setCopilotEnabled] = useState(false);
-  const [message, setMessage] = useState('');
+  const [message, setMessage] = useState("");
 
   const inputRef = useRef<HTMLTextAreaElement | null>(null);
 
   const handleKeyDown = (e: KeyboardEvent) => {
-    if (e.key === '/') {
+    if (e.key === "/") {
       e.preventDefault();
       inputRef.current?.focus();
     }
   };
 
   useEffect(() => {
-    document.addEventListener('keydown', handleKeyDown);
+    document.addEventListener("keydown", handleKeyDown);
 
     return () => {
-      document.removeEventListener('keydown', handleKeyDown);
+      document.removeEventListener("keydown", handleKeyDown);
     };
   }, []);
 
   return (
     <form
-      onSubmit={(e) => {
+      onSubmit={e => {
         e.preventDefault();
         sendMessage(message);
-        setMessage('');
+        setMessage("");
       }}
-      onKeyDown={(e) => {
-        if (e.key === 'Enter' && !e.shiftKey) {
+      onKeyDown={e => {
+        if (e.key === "Enter" && !e.shiftKey) {
           e.preventDefault();
           sendMessage(message);
-          setMessage('');
+          setMessage("");
         }
       }}
       className="w-full"
@@ -53,7 +53,7 @@ const EmptyChatMessageInput = ({
         <TextareaAutosize
           ref={inputRef}
           value={message}
-          onChange={(e) => setMessage(e.target.value)}
+          onChange={e => setMessage(e.target.value)}
           minRows={2}
           className="bg-transparent placeholder:text-black/50 dark:placeholder:text-white/50 text-sm text-black dark:text-white resize-none focus:outline-none w-full max-h-24 lg:max-h-36 xl:max-h-48"
           placeholder="Ask anything..."
@@ -64,10 +64,7 @@ const EmptyChatMessageInput = ({
             {/* <Attach /> */}
           </div>
           <div className="flex flex-row items-center space-x-4 -mx-2">
-            <CopilotToggle
-              copilotEnabled={copilotEnabled}
-              setCopilotEnabled={setCopilotEnabled}
-            />
+            <CopilotToggle copilotEnabled={copilotEnabled} setCopilotEnabled={setCopilotEnabled} />
             <button
               disabled={message.trim().length === 0}
               className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2"