opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-28 17:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update bot avatar (#8)

Browse Source
This commit is contained in:
boojack
2023-03-29 15:06:32 +08:00
committed by GitHub
parent f3073a1f15
commit a2e4866d65
4 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/MessageLoader.tsx
View File

@ -1,11 +1,19 @@
import { ThreeDots } from "react-loader-spinner";
import Icon from "./Icon";
import { useConnectionStore } from "@/store";
import EngineIcon from "./EngineIcon";
const MessageLoader = () => {
const connectionStore = useConnectionStore();
const connection = connectionStore.currentConnectionCtx?.connection;
return (
<div className={`w-full max-w-full flex flex-row justify-start items-start my-4 pr-8 sm:pr-24`}>
<div className="w-10 h-10 p-1 flex justify-center items-center mr-2 shrink-0">
<img src="/chat-logo-bot.webp" alt="" />
<div className="flex justify-center items-center mr-2 shrink-0">
{connection ? (
<EngineIcon className="w-10 h-auto p-1 border rounded-full" engine={connection.engineType} />
) : (
<img className="w-10 h-auto p-1" src="/chat-logo-bot.webp" alt="" />
)}
</div>
<div className="mt-0.5 w-12 bg-gray-100 px-4 py-2 rounded-lg">
<ThreeDots wrapperClass="opacity-80" width="24" height="24" color="" />