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:
parent
ef8c1b2c33
commit
5cdd3e56b7
|
@ -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} />
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in New Issue