From 05e72f8b00de119a391455e971f172eef2ff3d38 Mon Sep 17 00:00:00 2001
From: Ayyub I <ayyub.ibrahimi@gmail.com>
Date: Wed, 1 Nov 2023 20:49:05 -0500
Subject: [PATCH 1/3] modified landing page per a changs recs: modified
 background color of rotating words suggested to user; removed get answer
 button

---
 packages/web/components/HomeBanner.tsx |  4 ++--
 packages/web/components/NewQuery.tsx   | 15 +++------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/packages/web/components/HomeBanner.tsx b/packages/web/components/HomeBanner.tsx
index d1a7aaeb..6edf01cd 100644
--- a/packages/web/components/HomeBanner.tsx
+++ b/packages/web/components/HomeBanner.tsx
@@ -20,9 +20,9 @@ export default function HomeBanner() {
     <div className="bg-blue px-6 py-5 text-center text-primary sm:px-16 md:flex">
       <div className="md:grow"></div>
       <div className="md:w-3/4 md:max-w-2xl">
-        <h1 className="text-lg">What New Orleans City Council is doing</h1>
+        <h1 className="text-lg">What New Orleans City Council is doing about</h1>
         <h2 className="mt-3 text-4xl">
-          about <span className="bg-primary text-secondary">{word}</span>
+          <span className="bg-brighter-blue text-secondary">{word}?</span>
         </h2>
         <NewQuery />
       </div>
diff --git a/packages/web/components/NewQuery.tsx b/packages/web/components/NewQuery.tsx
index 62d36a0a..578145d0 100644
--- a/packages/web/components/NewQuery.tsx
+++ b/packages/web/components/NewQuery.tsx
@@ -143,7 +143,7 @@ export default function NewQuery() {
       <form onSubmit={submitQuery}>
         <div className="relative block">
           <FontAwesomeIcon
-            className="absolute left-2 top-1/2 ml-2 h-[28px] w-[28px] -translate-y-1/2 cursor-pointer object-contain"
+            className="absolute left-2 top-1/2 ml-2 h-[24px] w-[24px] -translate-y-1/2 cursor-pointer object-contain"
             icon={faMagnifyingGlass}
           />
           <input
@@ -151,23 +151,14 @@ export default function NewQuery() {
             id="new-query"
             type="text"
             value={query}
-            placeholder={`Ask ${APP_NAME}`}
+            placeholder={`Ask ${APP_NAME} a question`}
             autoFocus
             disabled={isProcessing}
             onChange={(e: React.FormEvent<HTMLInputElement>) => {
               setQuery(e.currentTarget.value);
             }}
-          ></input>
+          />
         </div>
-        <button
-          className={`w-full rounded-lg md:w-1/2 ${
-            isProcessing ? "bg-blue-900 cursor-wait" : "bg-secondary"
-          } p-2 text-2xl text-blue`}
-          type="submit"
-          disabled={isProcessing}
-        >
-          Get answer
-        </button>
       </form>
   
       <div className="mt-10">

From 24e25fd892f7d11c51fef0eb10a1d8e0a23d3ae8 Mon Sep 17 00:00:00 2001
From: Ayyub I <ayyub.ibrahimi@gmail.com>
Date: Wed, 1 Nov 2023 21:43:46 -0500
Subject: [PATCH 2/3] modification: show citations is now bold

---
 packages/web/components/BetaCard.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/BetaCard.tsx b/packages/web/components/BetaCard.tsx
index 39726e20..3fbd8cb3 100644
--- a/packages/web/components/BetaCard.tsx
+++ b/packages/web/components/BetaCard.tsx
@@ -149,12 +149,13 @@ const BetaCard = ({ card }: { card: ICard }) => {
 
       {/* Citations Section */}
       <div className="mb-6 mt-4">
-        <button
-          className="text-black mb-2 rounded px-4 py-2"
-          onClick={() => setShowCitations((prev) => !prev)}
-        >
-          {showCitations ? "Hide Citations" : "Show Citations"}
-        </button>
+      <button
+        className="bg-brighter-blue text-black hover:bg-even-brighter-blue font-bold py-2 px-4 rounded cursor-pointer focus:outline-none focus:shadow-outline"
+        aria-label={showCitations ? "Hide Citations" : "Show Citations"}
+        onClick={() => setShowCitations((prev) => !prev)}
+      >
+        {showCitations ? "Hide Citations" : "Show Citations"}
+      </button>
 
         {showCitations && (
           <div className="mt-2 text-sm">

From 38a292dbdb0b397f77821afd1c6c182f410b1056 Mon Sep 17 00:00:00 2001
From: Ayyub I <ayyub.ibrahimi@gmail.com>
Date: Wed, 1 Nov 2023 22:03:30 -0500
Subject: [PATCH 3/3] modification: return/enter key should submit query on
 mobile devices

---
 packages/web/components/NewQuery.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/NewQuery.tsx b/packages/web/components/NewQuery.tsx
index 578145d0..545bff34 100644
--- a/packages/web/components/NewQuery.tsx
+++ b/packages/web/components/NewQuery.tsx
@@ -125,8 +125,8 @@ export default function NewQuery() {
     }
   };
 
-  const submitQuery = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
+  const submitQuery = async (e?: React.FormEvent<HTMLFormElement>) => {
+    e?.preventDefault();
 
     if (query.length <= 10) return;
 
@@ -135,7 +135,7 @@ export default function NewQuery() {
     const newCard = await insertSupabaseCard();
     const cardWResp = await sendQueryToFunction(newCard);
     addMyCard(cardWResp);
-    await updateQueryResponded(cardWResp, startedProcessingAt);
+    await updateQueryResponded(cardWResp, startedProcessingAt);  
   };
 
   return (
@@ -154,13 +154,17 @@ export default function NewQuery() {
             placeholder={`Ask ${APP_NAME} a question`}
             autoFocus
             disabled={isProcessing}
-            onChange={(e: React.FormEvent<HTMLInputElement>) => {
-              setQuery(e.currentTarget.value);
+            onChange={(e) => setQuery(e.currentTarget.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                e.preventDefault(); 
+                submitQuery();
+              }
             }}
           />
         </div>
       </form>
-  
+
       <div className="mt-10">
         {card?.citations?.map((citation, index) => (
           <div key={index}>