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
This commit is contained in:
Syed Muzamil 2023-03-31 01:01:57 +05:30 committed by GitHub
parent ef8c1b2c33
commit 5cdd3e56b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 10 deletions

View File

@ -318,7 +318,7 @@ 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} />

View File

@ -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}

View File

@ -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

View File

@ -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}