opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-29 10:13:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: use react-icons instead of lucide-react

Browse Source
This commit is contained in:
Steven
2023-03-17 07:56:17 +08:00
parent 1274d974d2
commit 5c341f1610
5 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ChatView/MessageTextarea.tsx
View File

@ -66,7 +66,7 @@ const MessageTextarea = () => {
onChange={handleChange}
/>
<div className="absolute bottom-2 right-2 w-8 p-1 cursor-pointer rounded-md hover:shadow hover:bg-gray-100" onClick={handleSend}>
<Icon.Send className="w-full h-auto text-blue-800" />
<Icon.Io.IoMdSend className="w-full h-auto text-blue-800" />
</div>
</div>
);

6
components/ChatView/Sidebar.tsx
View File

@ -26,7 +26,7 @@ const Sidebar = () => {
return (
<div className="w-52 lg:w-64 h-full transition-all shrink-0 border-r px-3 flex flex-col justify-start items-center sticky top-0">
<h2 className="py-4 w-full flex flex-row justify-center items-center">
<Icon.Bot className="text-gray-600 mr-2 w-6 h-auto" /> Assistant list
<Icon.Io.IoIosChatbubbles className="text-gray-600 mr-2 w-6 h-auto" /> Assistant list
</h2>
<div className="w-full mt-2 flex flex-col justify-start items-start">
{userStore.assistantList.map((assistant) => (
@ -44,10 +44,10 @@ const Sidebar = () => {
<div className="grow w-full flex flex-col justify-end items-center pb-6">
<div className="w-full flex flex-row justify-center items-center space-x-3">
<Link href="/" className="p-1 rounded-md hover:shadow hover:bg-gray-100">
<Icon.Home className="text-gray-600 w-6 h-auto" />
<Icon.Io.IoMdHome className="text-gray-600 w-6 h-auto" />
</Link>
<a href="https://github.com/bytebase/chatdba" target="_blank" className="p-1 rounded-md hover:shadow hover:bg-gray-100">
<Icon.Github className="text-gray-600 w-6 h-auto" />
<Icon.Io.IoLogoGithub className="text-gray-600 w-6 h-auto" />
</a>
</div>
</div>