ran prettier

Author: JacobBaqleh1

frontend/src/pages/Chat/components/InputField.tsx

@@ -26,7 +26,6 @@ export default function InputField({
     const userMessageId = Date.now().toString();
     const botMessageId = (Date.now() + 1).toString();
 
-
     onChange({ target: { value: "" } } as React.ChangeEvent<HTMLInputElement>);
     setIsLoading(true);
 
@@ -73,9 +72,9 @@ export default function InputField({
         prev.map((msg) =>
           msg.messageId === botMessageId
             ? {
-              ...msg,
-              content: "Sorry, I encountered an error. Please try again.",
-            }
+                ...msg,
+                content: "Sorry, I encountered an error. Please try again.",
+              }
             : msg,
         ),
       );

frontend/src/pages/Chat/components/MessageWindow.tsx

@@ -63,25 +63,28 @@ export default function MessageWindow({
           </div>
         ) : (
           <div
-            className={`max-h-[calc(100dvh-240px)] sm:max-h-[calc(100dvh-20rem)] mx-auto max-w-[700px] ${isOngoing ? "overflow-y-scroll" : "overflow-y-none"
-              }`}
+            className={`max-h-[calc(100dvh-240px)] sm:max-h-[calc(100dvh-20rem)] mx-auto max-w-[700px] ${
+              isOngoing ? "overflow-y-scroll" : "overflow-y-none"
+            }`}
             ref={messagesRef}
           >
             {isOngoing ? (
               <div className="flex flex-col gap-4">
                 {messages.map((message) => (
                   <div
-                    className={`flex w-full ${message.role === "assistant"
-                      ? "justify-start"
-                      : "justify-end"
-                      }`}
+                    className={`flex w-full ${
+                      message.role === "assistant"
+                        ? "justify-start"
+                        : "justify-end"
+                    }`}
                     key={message.messageId}
                   >
                     <div
-                      className={`message-bubble p-3 rounded-2xl max-w-[95%] ${message.role === "assistant"
-                        ? "bg-slate-200 rounded-tl-sm"
-                        : "bg-[#1F584F] text-white rounded-tr-sm"
-                        }`}
+                      className={`message-bubble p-3 rounded-2xl max-w-[95%] ${
+                        message.role === "assistant"
+                          ? "bg-slate-200 rounded-tl-sm"
+                          : "bg-[#1F584F] text-white rounded-tr-sm"
+                      }`}
                     >
                       <MessageContent
                         message={message}
@@ -108,7 +111,7 @@ export default function MessageWindow({
               setIsLoading={setIsLoading}
               inputRef={inputRef}
               value={inputValue}
-              onChange={e => setInputValue(e.target.value)}
+              onChange={(e) => setInputValue(e.target.value)}
             />
             <div className="flex justify-center gap-4 mt-4">
               <button
@@ -124,9 +127,7 @@ export default function MessageWindow({
             </div>
           </>
         ) : (
-
           <CitySelectField setMessages={setMessages} />
-
         )}
       </div>
     </>

frontend/src/pages/Chat/components/SuggestedPrompts.tsx

@@ -1,33 +1,33 @@
 interface SuggestedPromptsProps {
-    onPromptClick: (prompt: string) => void;
+  onPromptClick: (prompt: string) => void;
 }
 
 const prompts = [
-    "Do I qualify for a rental subsidy, such as Section 8/HomeForward?",
-    "I have a leak in my roof. Help me address this with my landlord.",
-    "I received an eviction notice for non-payment of rent. What should I do?",
-    "I received a 'no-cause' eviction notice. How much money is my landlord required to pay me to move out?",
+  "Do I qualify for a rental subsidy, such as Section 8/HomeForward?",
+  "I have a leak in my roof. Help me address this with my landlord.",
+  "I received an eviction notice for non-payment of rent. What should I do?",
+  "I received a 'no-cause' eviction notice. How much money is my landlord required to pay me to move out?",
 ];
 
-export default function SuggestedPrompts({ onPromptClick }: SuggestedPromptsProps) {
-    return (
-        <div className=" items-center m-auto ">
-            <div className=" flex flex-col gap-4 fade-in-up items-center ">
-                {prompts.map((prompt, idx) => (
-                    <button
-                        key={idx}
-                        className="inline-flex px-4 border border-[#1f584f] rounded-4xl cursor-pointer py-1 font-medium sm:bg-white hover:bg-[#bac9b2]  "
-                        onClick={() =>
-                            onPromptClick(
-                                Array.isArray(prompt) ? prompt.join(" ") : prompt
-                            )
-                        }
-                        type="button"
-                    >
-                        {prompt}
-                    </button>
-                ))}
-            </div>
-        </div>
-    );
-}
+export default function SuggestedPrompts({
+  onPromptClick,
+}: SuggestedPromptsProps) {
+  return (
+    <div className=" items-center m-auto ">
+      <div className=" flex flex-col gap-4 fade-in-up items-center ">
+        {prompts.map((prompt, idx) => (
+          <button
+            key={idx}
+            className="inline-flex px-4 border border-[#1f584f] rounded-4xl cursor-pointer py-1 font-medium sm:bg-white hover:bg-[#bac9b2]  "
+            onClick={() =>
+              onPromptClick(Array.isArray(prompt) ? prompt.join(" ") : prompt)
+            }
+            type="button"
+          >
+            {prompt}
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}

frontend/src/style.css

@@ -52,4 +52,4 @@ body {
 }
 .fade-in-up {
   animation: fadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1);
-}
+}