From cca92ca32f4d878d969169b2d2210103d328db21 Mon Sep 17 00:00:00 2001
From: TaylorS15 <taylorsvec978@yahoo.com>
Date: Sun, 12 Feb 2023 10:54:41 -0500
Subject: [PATCH] fixes

---
 frontend/src/components/APIKeyModal.tsx           | 2 +-
 frontend/src/components/Navigation/Navigation.tsx | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/APIKeyModal.tsx b/frontend/src/components/APIKeyModal.tsx
index 7c82a43b..505f2494 100644
--- a/frontend/src/components/APIKeyModal.tsx
+++ b/frontend/src/components/APIKeyModal.tsx
@@ -32,7 +32,7 @@ export default function APIKeyModal({
         isApiModalOpen ? 'visible' : 'hidden'
       } absolute z-30  h-screen w-screen  bg-gray-alpha`}
     >
-      <article className="mx-auto mt-24 flex w-128 flex-col gap-4 rounded-lg bg-white p-6 shadow-lg">
+      <article className="mx-auto mt-24 flex w-[90vw] max-w-lg  flex-col gap-4 rounded-lg bg-white p-6 shadow-lg">
         <p className="text-xl text-jet">OpenAI API Key</p>
         <p className="text-lg leading-5 text-gray-500">
           Before you can start using DocsGPT we need you to provide an API key
diff --git a/frontend/src/components/Navigation/Navigation.tsx b/frontend/src/components/Navigation/Navigation.tsx
index 73610a4b..5ba273dd 100644
--- a/frontend/src/components/Navigation/Navigation.tsx
+++ b/frontend/src/components/Navigation/Navigation.tsx
@@ -17,6 +17,7 @@ function MobileNavigation({
   setIsApiModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
   //TODO - Need to replace Chat button to open secondary nav with scrollable past chats option and new chat at top
+  //TODO - Need to add Discord and Github links
   return (
     <div
       className={`${
@@ -68,6 +69,13 @@ function MobileNavigation({
             <img src={Link} alt="info" className="ml-2 w-5" />
             <p className="my-auto text-eerie-black">Github</p>
           </div>
+          <div
+            className="flex h-12 cursor-pointer gap-4 rounded-md px-6 hover:bg-gray-100"
+            onClick={() => setIsApiModalOpen(true)}
+          >
+            <img src={Key} alt="info" className="ml-2 w-5" />
+            <p className="my-auto text-eerie-black">Reset Key</p>
+          </div>
         </nav>
       )}
     </div>