From 5cdd3e56b7c25a557d4afca3b8c241ef92fec38d Mon Sep 17 00:00:00 2001
From: Syed Muzamil <38078427+SyedMuzamilM@users.noreply.github.com>
Date: Fri, 31 Mar 2023 01:01:57 +0530
Subject: [PATCH] fix: small ui issue (#311)

* fix: unnecessary lines before the chats or prompts

Removed unncessary lines if there are no folders before prompts and
chats.

* added the light mode for scroll down button
---
 components/Chat/Chat.tsx           | 4 ++--
 components/Chatbar/Chatbar.tsx     | 4 ++--
 components/Promptbar/Promptbar.tsx | 4 ++--
 pages/index.tsx                    | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index 5f03335..35b08c0 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -318,10 +318,10 @@ export const Chat: FC<Props> = memo(
         {showScrollDownButton && (
           <div className="absolute bottom-0 right-0 mb-4 mr-4 pb-20">
             <button
-              className="flex h-7 w-7 items-center justify-center rounded-full bg-gray-700 shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700"
+              className="flex h-7 w-7 items-center justify-center rounded-full bg-neutral-200 text-gray-700 shadow-md hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700"
               onClick={handleScrollDown}
             >
-              <IconArrowDown size={18}/>
+              <IconArrowDown size={18} />
             </button>
           </div>
         )}
diff --git a/components/Chatbar/Chatbar.tsx b/components/Chatbar/Chatbar.tsx
index 4a34c95..c542d2c 100644
--- a/components/Chatbar/Chatbar.tsx
+++ b/components/Chatbar/Chatbar.tsx
@@ -162,7 +162,7 @@ export const Chatbar: FC<Props> = ({
               conversations={filteredConversations.filter(
                 (conversation) => conversation.folderId,
               )}
-              folders={folders.filter((folder) => folder.type === 'chat')}
+              folders={folders}
               onDeleteFolder={onDeleteFolder}
               onUpdateFolder={onUpdateFolder}
               selectedConversation={selectedConversation}
@@ -196,7 +196,7 @@ export const Chatbar: FC<Props> = ({
         ) : (
           <div className="flex flex-col gap-3 items-center text-sm leading-normal mt-8 text-white opacity-50">
             <IconMessagesOff />
-              {t('No conversations.')}
+            {t('No conversations.')}
           </div>
         )}
       </div>
diff --git a/components/Promptbar/Promptbar.tsx b/components/Promptbar/Promptbar.tsx
index 2e65972..e451c9c 100644
--- a/components/Promptbar/Promptbar.tsx
+++ b/components/Promptbar/Promptbar.tsx
@@ -139,7 +139,7 @@ export const Promptbar: FC<Props> = ({
             <PromptFolders
               searchTerm={searchTerm}
               prompts={filteredPrompts}
-              folders={folders.filter((folder) => folder.type === 'prompt')}
+              folders={folders}
               onUpdateFolder={onUpdateFolder}
               onDeleteFolder={onDeleteFolder}
               // prompt props
@@ -167,7 +167,7 @@ export const Promptbar: FC<Props> = ({
           <div className="mt-8 text-center text-white opacity-50 select-none">
             <IconMistOff className="mx-auto mb-3" />
             <span className="text-[14px] leading-normal">
-            {t('No prompts.')}
+              {t('No prompts.')}
             </span>
           </div>
         )}
diff --git a/pages/index.tsx b/pages/index.tsx
index a4982c4..ea0ba8b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -253,7 +253,7 @@ const Home: React.FC<HomeProps> = ({
           code: data.error?.code,
           messageLines: [data.error?.message],
         });
-      } catch (e) {}
+      } catch (e) { }
       setModelError(error);
       return;
     }
@@ -524,7 +524,7 @@ const Home: React.FC<HomeProps> = ({
     savePrompts(updatedPrompts);
   };
 
-  const handleCreatePromptFolder = (name: string) => {};
+  const handleCreatePromptFolder = (name: string) => { };
 
   // EFFECTS  --------------------------------------------
 
@@ -648,7 +648,7 @@ const Home: React.FC<HomeProps> = ({
                   lightMode={lightMode}
                   selectedConversation={selectedConversation}
                   apiKey={apiKey}
-                  folders={folders}
+                  folders={folders.filter((folder) => folder.type === 'chat')}
                   onToggleLightMode={handleLightMode}
                   onCreateFolder={(name) => handleCreateFolder(name, 'chat')}
                   onDeleteFolder={handleDeleteFolder}
@@ -706,7 +706,7 @@ const Home: React.FC<HomeProps> = ({
               <div>
                 <Promptbar
                   prompts={prompts}
-                  folders={folders}
+                  folders={folders.filter((folder) => folder.type === 'prompt')}
                   onToggleSidebar={handleTogglePromptbar}
                   onCreatePrompt={handleCreatePrompt}
                   onUpdatePrompt={handleUpdatePrompt}