From c8cb6393da1fc1a1b24774ad9efda07d8986e525 Mon Sep 17 00:00:00 2001
From: Martin Sosic <sosic.martin@gmail.com>
Date: Fri, 30 Jun 2023 18:56:18 +0200
Subject: [PATCH] Small Wasp AI UX improvements.

---
 wasp-ai/src/client/components/Title.jsx |  2 +-
 wasp-ai/src/client/pages/MainPage.jsx   |  2 ++
 wasp-ai/src/client/pages/ResultPage.jsx | 17 ++++++++++++-----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/wasp-ai/src/client/components/Title.jsx b/wasp-ai/src/client/components/Title.jsx
index e64e64d8c..8c7ab223f 100644
--- a/wasp-ai/src/client/components/Title.jsx
+++ b/wasp-ai/src/client/components/Title.jsx
@@ -10,7 +10,7 @@ export function Title() {
           GPT Web App Generator ✨
         </Link>
         <p className="text-base leading-relaxed text-gray-500">
-          Generate your full-stack React, Node.js and Prisma web app
+          Generate your full-stack web app in Wasp, React, Node.js and Prisma
         </p>
         {/* <div className="mt-2 flex justify-flex-start">
           <iframe
diff --git a/wasp-ai/src/client/pages/MainPage.jsx b/wasp-ai/src/client/pages/MainPage.jsx
index 139a7b300..660cd1cbb 100644
--- a/wasp-ai/src/client/pages/MainPage.jsx
+++ b/wasp-ai/src/client/pages/MainPage.jsx
@@ -167,6 +167,7 @@ const MainPage = () => {
               value={appName}
               onChange={(e) => setAppNameIfValid(e.target.value)}
               disabled={currentStatus.status === "inProgress"}
+              className="cursor-pointer"
             />
           </div>
           <div>
@@ -183,6 +184,7 @@ Based on it, our AI code agent will then generate a full stack web app in Wasp,
               cols="50"
               onChange={(e) => setAppDesc(e.target.value)}
               disabled={currentStatus.status === "inProgress"}
+              className="cursor-pointer"
             />
           </div>
           <div
diff --git a/wasp-ai/src/client/pages/ResultPage.jsx b/wasp-ai/src/client/pages/ResultPage.jsx
index e2380e45d..0e7843f41 100644
--- a/wasp-ai/src/client/pages/ResultPage.jsx
+++ b/wasp-ai/src/client/pages/ResultPage.jsx
@@ -471,9 +471,17 @@ function WarningAboutAI() {
           <p className="text-sm leading-5 font-medium">⚠️ Experimental tech</p>
           <div className="mt-2 text-sm leading-5">
             <p>
-              Since this is an GPT generated app, it might contain small issues.
-              The bugs are usually small and easy to fix, but if you need help,
-              feel free to reach out to us on{" "}
+              Since this is a GPT generated app, it might contain small issues.
+              The bugs are usually small and easy to fix with the help of{" "}
+              <a
+                href="https://wasp-lang.dev/docs"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-medium text-yellow-600 hover:text-yellow-500 transition ease-in-out duration-150 underline"
+                >
+                  Wasp docs
+              </a>,
+              but if you need help, feel free to reach out to us on{" "}
               <a
                 href="https://discord.gg/rzdnErX"
                 target="_blank"
@@ -481,8 +489,7 @@ function WarningAboutAI() {
                 className="font-medium text-yellow-600 hover:text-yellow-500 transition ease-in-out duration-150 underline"
               >
                 Discord
-              </a>
-              .
+              </a>!
             </p>
           </div>
         </div>