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 && (
<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>
)}

4
components/Chatbar/Chatbar.tsx
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}
@ -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>

4
components/Promptbar/Promptbar.tsx
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
@ -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>
)}

8
pages/index.tsx
View File

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