Update ChatBOX component to display total tokens in the short status bar

This commit is contained in:
2024-08-02 16:41:46 +08:00
parent b3a2988907
commit 243f1a5ea5

View File

@@ -522,7 +522,7 @@ export default function ChatBOX(props: {
</div> </div>
</div> </div>
<div <div
class="navbar-center cursor-pointer" class="navbar-center cursor-pointer py-1"
onClick={() => { onClick={() => {
setShowSettings(true); setShowSettings(true);
}} }}
@@ -587,9 +587,11 @@ export default function ChatBOX(props: {
{/* the short status bar */} {/* the short status bar */}
<div class="indicator lg:hidden"> <div class="indicator lg:hidden">
{chatStore.totalTokens !== 0 && (
<span class="indicator-item badge badge-primary"> <span class="indicator-item badge badge-primary">
{chatStore.streamMode ? Tr("STREAM") : Tr("FETCH")} Tokens: {chatStore.totalTokens}
</span> </span>
)}
<a class="btn btn-ghost text-base sm:text-xl p-0"> <a class="btn btn-ghost text-base sm:text-xl p-0">
<SparklesIcon className="h-4 w-4 hidden sm:block" /> <SparklesIcon className="h-4 w-4 hidden sm:block" />
{chatStore.model} {chatStore.model}