Rename to blocks (#502)

components/custom/chat.tsx

@@ -13,8 +13,8 @@ import { useScrollToBottom } from '@/components/custom/use-scroll-to-bottom';
 import { Vote } from '@/db/schema';
 import { fetcher } from '@/lib/utils';
 
-import { Canvas, UICanvas } from './canvas';
-import { CanvasStreamHandler } from './canvas-stream-handler';
+import { Block, UIBlock } from './block';
+import { BlockStreamHandler } from './block-stream-handler';
 import { MultimodalInput } from './multimodal-input';
 import { Overview } from './overview';
 
@@ -50,7 +50,7 @@ export function Chat({
   const { width: windowWidth = 1920, height: windowHeight = 1080 } =
     useWindowSize();
 
-  const [canvas, setCanvas] = useState<UICanvas>({
+  const [block, setBlock] = useState<UIBlock>({
     documentId: 'init',
     content: '',
     title: '',
@@ -89,8 +89,8 @@ export function Chat({
               key={message.id}
               chatId={id}
               message={message}
-              canvas={canvas}
-              setCanvas={setCanvas}
+              block={block}
+              setBlock={setBlock}
               isLoading={isLoading && messages.length - 1 === index}
               vote={
                 votes
@@ -129,8 +129,8 @@ export function Chat({
       </div>
 
       <AnimatePresence>
-        {canvas && canvas.isVisible && (
-          <Canvas
+        {block && block.isVisible && (
+          <Block
             chatId={id}
             input={input}
             setInput={setInput}
@@ -140,8 +140,8 @@ export function Chat({
             attachments={attachments}
             setAttachments={setAttachments}
             append={append}
-            canvas={canvas}
-            setCanvas={setCanvas}
+            block={block}
+            setBlock={setBlock}
             messages={messages}
             setMessages={setMessages}
             votes={votes}
@@ -149,10 +149,7 @@ export function Chat({
         )}
       </AnimatePresence>
 
-      <CanvasStreamHandler
-        streamingData={streamingData}
-        setCanvas={setCanvas}
-      />
+      <BlockStreamHandler streamingData={streamingData} setBlock={setBlock} />
     </>
   );
 }