From e465daf848b4cbaf84cd561c43e8c7f4907fe0f6 Mon Sep 17 00:00:00 2001
From: Alex <a@tushynski.me>
Date: Fri, 24 Feb 2023 14:34:02 +0000
Subject: [PATCH 1/2] small fixes

---
 frontend/src/About.tsx                     | 41 ++++++++++++++++++----
 frontend/src/Hero.tsx                      |  6 ++--
 frontend/src/conversation/Conversation.tsx |  9 +++++
 3 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index ca8ddd87..43002a09 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -4,12 +4,21 @@
 export default function About() {
   return (
     //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
-    <div className="mx-6 grid min-h-screen">
+    <div className="mx-36 grid min-h-screen">
       <article className=" mx-auto my-auto flex w-full max-w-6xl flex-col place-items-center gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
         <p className="text-3xl font-semibold">About DocsGPT 🦖</p>
-        <p className="mt-4 text-xl font-bold">
+        <p className="mt-4 text-xl">
           Find the information in your documentation through AI-powered
-          open-source chatbot. Powered by GPT-3, Faiss and LangChain.
+          <a
+            className="text-blue-500"
+            href="https://github.com/arc53/DocsGPT"
+            target="_blank"
+            rel="noreferrer"
+          >
+            {' '}
+            open-source{' '}
+          </a>
+          chatbot. Powered by GPT-3, Faiss and LangChain.
         </p>
 
         <div>
@@ -42,11 +51,31 @@ export default function About() {
         <p className="text-lg">
           Currently It uses python pandas documentation, so it will respond to
           information relevant to pandas. If you want to train it on different
-          documentation - please follow this guide.
+          documentation - please follow
+          <a
+            className="text-blue-500"
+            href="https://github.com/arc53/DocsGPT/wiki/How-to-train-on-other-documentation"
+            target="_blank"
+            rel="noreferrer"
+          >
+            {' '}
+            this guide
+          </a>
+          .
         </p>
 
-        <p className="mt-4 text-lg">
-          If you want to launch it on your own server - follow this guide.
+        <p className="mt-4 text-left text-lg">
+          If you want to launch it on your own server - follow
+          <a
+            className="text-blue-500"
+            href="https://github.com/arc53/DocsGPT/wiki/Hosting-the-app"
+            target="_blank"
+            rel="noreferrer"
+          >
+            {' '}
+            this guide
+          </a>
+          .
         </p>
       </article>
     </div>
diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 817ba8bb..ed2db207 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -4,15 +4,15 @@ export default function Hero({ className = '' }: { className?: string }) {
       <p className="mb-10 text-center text-4xl font-semibold">
         DocsGPT <span className="text-3xl">🦖</span>
       </p>
-      <p className="mb-3 text-center">
+      <p className="mb-3 text-center text-gray-2000">
         Welcome to DocsGPT, your technical documentation assistant!
       </p>
-      <p className="mb-3 text-center">
+      <p className="mb-3 text-center text-gray-2000">
         Enter a query related to the information in the documentation you
         selected to receive and we will provide you with the most relevant
         answers.
       </p>
-      <p className="text-center">
+      <p className="text-center text-gray-2000">
         Start by entering your query in the input field below and we will do the
         rest!
       </p>
diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index cc38c2a8..ab9d9ebf 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -49,6 +49,15 @@ export default function Conversation() {
           ref={inputRef}
           contentEditable
           className={`border-000000 overflow-x-hidden; max-h-24 min-h-[2.6rem] w-full overflow-y-auto rounded-xl border bg-white p-2 pr-9 opacity-100 focus:border-2 focus:outline-none`}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter' && !e.shiftKey) {
+              e.preventDefault();
+              if (inputRef.current?.textContent && status !== 'loading') {
+                handleQuestion(inputRef.current.textContent);
+                inputRef.current.textContent = '';
+              }
+            }
+          }}
         ></div>
         {status === 'loading' ? (
           <img

From 90ec40c2b301d25f50570e1e1a4811904dbcba16 Mon Sep 17 00:00:00 2001
From: Alex <a@tushynski.me>
Date: Fri, 24 Feb 2023 14:48:02 +0000
Subject: [PATCH 2/2] spacing

---
 frontend/src/About.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 43002a09..0f2b5db6 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -5,9 +5,9 @@ export default function About() {
   return (
     //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
     <div className="mx-36 grid min-h-screen">
-      <article className=" mx-auto my-auto flex w-full max-w-6xl flex-col place-items-center gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
-        <p className="text-3xl font-semibold">About DocsGPT 🦖</p>
-        <p className="mt-4 text-xl">
+      <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
+        <p className="text-3xl">About DocsGPT 🦖</p>
+        <p className="mt-4">
           Find the information in your documentation through AI-powered
           <a
             className="text-blue-500"
@@ -22,33 +22,33 @@ export default function About() {
         </p>
 
         <div>
-          <p className="text-lg">
+          <p>
             If you want to add your own documentation, please follow the
             instruction below:
           </p>
-          <p className="mt-4 text-lg">
+          <p className="mt-4 ml-2">
             1. Navigate to{' '}
             <span className="bg-gray-200 italic"> /application</span> folder
           </p>
-          <p className="mt-4 text-lg">
+          <p className="mt-4 ml-2">
             2. Install dependencies from{' '}
             <span className="bg-gray-200 italic">
               pip install -r requirements.txt
             </span>
           </p>
-          <p className="mt-4 text-lg">
+          <p className="mt-4 ml-2">
             3. Prepare a <span className="bg-gray-200 italic">.env</span> file.
             Copy <span className="bg-gray-200 italic">.env_sample</span> and
             create <span className="bg-gray-200 italic">.env</span> with your
             OpenAI API token
           </p>
-          <p className="mt-4 text-lg">
+          <p className="mt-4 ml-2">
             4. Run the app with{' '}
             <span className="bg-gray-200 italic">python app.py</span>
           </p>
         </div>
 
-        <p className="text-lg">
+        <p>
           Currently It uses python pandas documentation, so it will respond to
           information relevant to pandas. If you want to train it on different
           documentation - please follow
@@ -64,7 +64,7 @@ export default function About() {
           .
         </p>
 
-        <p className="mt-4 text-left text-lg">
+        <p className="mt-4 text-left">
           If you want to launch it on your own server - follow
           <a
             className="text-blue-500"