feat(frontend): remove ugly canvas placeholder from chatbot

- Delete chatbot-canvas.tsx (placeholder face canvas) + its export
- Remove canvas area from chatbot container; chat panel gets the freed
  space (248px → 300px) and bubble height drops 440px → 400px
This commit is contained in:
asepharyana
2026-08-03 06:11:06 +07:00
parent 2b815e156c
commit 7513681b4b
3 changed files with 2 additions and 141 deletions
@@ -3,7 +3,6 @@
import { Bot, MessageCircle, Minimize2, PanelLeft } from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react";
import { ChatPanel } from "./chat-panel";
import { ChatbotCanvas } from "./chatbot-canvas";
import { useChatbot } from "./chatbot-context";
export function ChatbotContainer() {
@@ -53,7 +52,7 @@ export function ChatbotContainer() {
className={`glass-intense rounded-2xl overflow-hidden transition-all duration-200 ${
minimized ? "w-14 h-14 cursor-pointer" : "w-[320px]"
}`}
style={{ height: minimized ? 56 : 440 }}
style={{ height: minimized ? 56 : 400 }}
>
{minimized ? (
<button
@@ -98,15 +97,10 @@ export function ChatbotContainer() {
</div>
</div>
{/* Canvas area */}
<div className="h-[140px] flex items-center justify-center">
<ChatbotCanvas />
</div>
{/* Chat panel (expandable) */}
<div
className={`transition-all duration-200 overflow-hidden ${
chatOpen ? "h-[248px]" : "h-0"
chatOpen ? "h-[300px]" : "h-0"
}`}
>
<ChatPanel inputRef={inputRef} />