KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Chat/Chat.tsx
View File

@ -318,10 +318,10 @@ export const Chat: FC<Props> = memo(
{showScrollDownButton && ( {showScrollDownButton && (
<div className="absolute bottom-0 right-0 mb-4 mr-4 pb-20"> <div className="absolute bottom-0 right-0 mb-4 mr-4 pb-20">
<button <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} onClick={handleScrollDown}
> >
<IconArrowDown size={18}/> <IconArrowDown size={18} />
</button> </button>
</div> </div>
)} )}

4
components/Chatbar/Chatbar.tsx
View File

@ -162,7 +162,7 @@ export const Chatbar: FC<Props> = ({
conversations={filteredConversations.filter( conversations={filteredConversations.filter(
(conversation) => conversation.folderId, (conversation) => conversation.folderId,
)} )}
folders={folders.filter((folder) => folder.type === 'chat')} folders={folders}
onDeleteFolder={onDeleteFolder} onDeleteFolder={onDeleteFolder}
onUpdateFolder={onUpdateFolder} onUpdateFolder={onUpdateFolder}
selectedConversation={selectedConversation} 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"> <div className="flex flex-col gap-3 items-center text-sm leading-normal mt-8 text-white opacity-50">
<IconMessagesOff /> <IconMessagesOff />
{t('No conversations.')} {t('No conversations.')}
</div> </div>
)} )}
</div> </div>

4
components/Promptbar/Promptbar.tsx
View File

@ -139,7 +139,7 @@ export const Promptbar: FC<Props> = ({
<PromptFolders <PromptFolders
searchTerm={searchTerm} searchTerm={searchTerm}
prompts={filteredPrompts} prompts={filteredPrompts}
folders={folders.filter((folder) => folder.type === 'prompt')} folders={folders}
onUpdateFolder={onUpdateFolder} onUpdateFolder={onUpdateFolder}
onDeleteFolder={onDeleteFolder} onDeleteFolder={onDeleteFolder}
// prompt props // prompt props
@ -167,7 +167,7 @@ export const Promptbar: FC<Props> = ({
<div className="mt-8 text-center text-white opacity-50 select-none"> <div className="mt-8 text-center text-white opacity-50 select-none">
<IconMistOff className="mx-auto mb-3" /> <IconMistOff className="mx-auto mb-3" />
<span className="text-[14px] leading-normal"> <span className="text-[14px] leading-normal">
{t('No prompts.')} {t('No prompts.')}
</span> </span>
</div> </div>
)} )}

8
pages/index.tsx
View File

@ -253,7 +253,7 @@ const Home: React.FC<HomeProps> = ({
code: data.error?.code, code: data.error?.code,
messageLines: [data.error?.message], messageLines: [data.error?.message],
}); });
} catch (e) {} } catch (e) { }
setModelError(error); setModelError(error);
return; return;
} }
@ -524,7 +524,7 @@ const Home: React.FC<HomeProps> = ({
savePrompts(updatedPrompts); savePrompts(updatedPrompts);
}; };
const handleCreatePromptFolder = (name: string) => {}; const handleCreatePromptFolder = (name: string) => { };
// EFFECTS -------------------------------------------- // EFFECTS --------------------------------------------
@ -648,7 +648,7 @@ const Home: React.FC<HomeProps> = ({
lightMode={lightMode} lightMode={lightMode}
selectedConversation={selectedConversation} selectedConversation={selectedConversation}
apiKey={apiKey} apiKey={apiKey}
folders={folders} folders={folders.filter((folder) => folder.type === 'chat')}
onToggleLightMode={handleLightMode} onToggleLightMode={handleLightMode}
onCreateFolder={(name) => handleCreateFolder(name, 'chat')} onCreateFolder={(name) => handleCreateFolder(name, 'chat')}
onDeleteFolder={handleDeleteFolder} onDeleteFolder={handleDeleteFolder}
@ -706,7 +706,7 @@ const Home: React.FC<HomeProps> = ({
<div> <div>
<Promptbar <Promptbar
prompts={prompts} prompts={prompts}
folders={folders} folders={folders.filter((folder) => folder.type === 'prompt')}
onToggleSidebar={handleTogglePromptbar} onToggleSidebar={handleTogglePromptbar}
onCreatePrompt={handleCreatePrompt} onCreatePrompt={handleCreatePrompt}
onUpdatePrompt={handleUpdatePrompt} onUpdatePrompt={handleUpdatePrompt}