From ce1ade11d0fc6dcc5ff24f21f21b94c5711cdebe Mon Sep 17 00:00:00 2001
From: Suryansh Anand <spirit@anandsur.com>
Date: Sun, 12 Nov 2023 13:55:01 +0530
Subject: [PATCH] feat: wrap input field when screen is small

---
 apps/web/app/ama/page.tsx             | 3 ++-
 apps/web/components/ui/InputField.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/ama/page.tsx b/apps/web/app/ama/page.tsx
index aa171fa..bc5f38c 100644
--- a/apps/web/app/ama/page.tsx
+++ b/apps/web/app/ama/page.tsx
@@ -53,7 +53,8 @@ function Ama({
       toast.success("Joined Room 🤩");
     } catch (e) {
       if (e instanceof AxiosError) {
-        toast.error(e.message || "An error occurred");
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access -- e.response is defined since e is an AxiosError
+        toast.error(e.response?.data.message || "An error occurred");
       } else {
         toast.error("An error occurred");
       }
diff --git a/apps/web/components/ui/InputField.tsx b/apps/web/components/ui/InputField.tsx
index fe34cea..93033f0 100644
--- a/apps/web/components/ui/InputField.tsx
+++ b/apps/web/components/ui/InputField.tsx
@@ -12,7 +12,7 @@ function InputField<T extends string>({
   error: string | undefined;
 }) {
   return (
-    <div className="flex items-center gap-4">
+    <div className="flex flex-wrap items-center gap-4">
       <label className="min-w-[85px] font-bold" htmlFor={label}>
         {label}
       </label>