From d1d7f61fe159389144eb8d6a92679fc5a00a3822 Mon Sep 17 00:00:00 2001
From: Danny Avila <110412045+danny-avila@users.noreply.github.com>
Date: Wed, 21 Jun 2023 11:13:31 -0400
Subject: [PATCH] style(SubmitButton.jsx): fix formatting and indentation of
 code blocks (#540)

feat(SubmitButton.jsx): add z-index to button to ensure it is on top of other elements
---
 client/src/components/Input/SubmitButton.jsx | 38 +++++---------------
 1 file changed, 8 insertions(+), 30 deletions(-)

diff --git a/client/src/components/Input/SubmitButton.jsx b/client/src/components/Input/SubmitButton.jsx
index 130350d81..feb3ebf54 100644
--- a/client/src/components/Input/SubmitButton.jsx
+++ b/client/src/components/Input/SubmitButton.jsx
@@ -26,48 +26,25 @@ export default function SubmitButton({
     setSetTokenDialogOpen(true);
   };
 
-  if (isSubmitting)
+  if (isSubmitting) {
     return (
       <button
         onClick={handleStopGenerating}
         type="button"
-        className="group absolute bottom-0 right-0 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
+        className="group absolute bottom-0 right-0 z-[101] flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
       >
         <div className="m-1 mr-0 rounded-md p-2 pb-[10px] pt-[10px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
           <StopGeneratingIcon />
         </div>
       </button>
     );
-  // // previous three dot animation
-  // return (
-  //   <button
-  //     className="absolute bottom-0 right-1 h-[100%] w-[40px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
-  //     disabled
-  //   >
-  //     <div className="text-2xl">
-  //       <span style={{ maxWidth: 5.5, display: 'inline-grid' }}>·</span>
-  //       <span
-  //         className="blink"
-  //         style={{ maxWidth: 5.5, display: 'inline-grid' }}
-  //       >
-  //         ·
-  //       </span>
-  //       <span
-  //         className="blink2"
-  //         style={{ maxWidth: 5.5, display: 'inline-grid' }}
-  //       >
-  //         ·
-  //       </span>
-  //     </div>
-  //   </button>
-  // );
-  else if (!isTokenProvided && endpoint !== 'openAI') {
+  } else if (!isTokenProvided && endpoint !== 'openAI') {
     return (
       <>
         <button
           onClick={setToken}
           type="button"
-          className="group absolute bottom-0 right-0 flex h-[100%] w-auto items-center justify-center bg-transparent p-1 text-gray-500"
+          className="group absolute bottom-0 right-0 z-[101] flex h-[100%] w-auto items-center justify-center bg-transparent p-1 text-gray-500"
         >
           <div className="m-1 mr-0 rounded-md p-2 pb-[10px] pt-[10px] align-middle text-xs group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
             <Settings className="mr-1 inline-block w-[18px]" />
@@ -81,14 +58,14 @@ export default function SubmitButton({
         />
       </>
     );
-  } else
+  } else {
     return (
       <button
         onClick={clickHandler}
         disabled={disabled}
-        className="group absolute bottom-0 right-0 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
+        className="group absolute bottom-0 right-0 z-[101] flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
       >
-        <div className="m-1 mr-0 rounded-md pt-[11px] pb-[9px] pl-[9.5px] pr-[7px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
+        <div className="m-1 mr-0 rounded-md pb-[9px] pl-[9.5px] pr-[7px] pt-[11px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
           <svg
             stroke="currentColor"
             fill="none"
@@ -107,6 +84,7 @@ export default function SubmitButton({
         </div>
       </button>
     );
+  }
 }
 
 {