feat: clear console outputs when closing block

vercel · Jan 7, 2025 · 7d43157 · 7d43157
1 parent 50bd460
commit 7d43157
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/components/console.tsx b/components/console.tsx
@@ -10,6 +10,7 @@ import {
 } from 'react';
 import { ConsoleOutput } from './block';
 import { cn } from '@/lib/utils';
+import { useBlockSelector } from '@/hooks/use-block';
 
 interface ConsoleProps {
   consoleOutputs: Array<ConsoleOutput>;
@@ -21,6 +22,8 @@ export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
   const [isResizing, setIsResizing] = useState(false);
   const consoleEndRef = useRef<HTMLDivElement>(null);
 
+  const isBlockVisible = useBlockSelector((state) => state.isVisible);
+
   const minHeight = 100;
   const maxHeight = 800;
 
@@ -57,6 +60,12 @@ export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
     consoleEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   }, [consoleOutputs]);
 
+  useEffect(() => {
+    if (!isBlockVisible) {
+      setConsoleOutputs([]);
+    }
+  }, [isBlockVisible, setConsoleOutputs]);
+
   return consoleOutputs.length > 0 ? (
     <>
       <div