From 774b5d41ec08bec42d5fb6dfe11d4e07da02cb26 Mon Sep 17 00:00:00 2001
From: guswl98 <hjee0901@gmail.com>
Date: Thu, 9 Nov 2023 11:43:55 +0900
Subject: [PATCH] =?UTF-8?q?RichBubble=EC=9D=98=20items=20prop=EC=9D=84=20b?=
 =?UTF-8?q?locks=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/chat/src/bubble/rich.tsx | 18 +++++++++---------
 packages/chat/src/bubble/type.ts  |  2 +-
 packages/chat/src/chat/chat.tsx   |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/chat/src/bubble/rich.tsx b/packages/chat/src/bubble/rich.tsx
index f57462206d..b179545e0b 100644
--- a/packages/chat/src/bubble/rich.tsx
+++ b/packages/chat/src/bubble/rich.tsx
@@ -31,7 +31,7 @@ const Button = styled.a`
 
 export function RichBubble({
   my,
-  items, // bubbleStyle,
+  blocks,
   cloudinaryName,
   mediaUrlBase,
   onImageClick,
@@ -53,16 +53,16 @@ export function RichBubble({
       css={{ margin: my ? '0 0 0 8px' : undefined, size: textBubbleFontSize }}
       {...props}
     >
-      {items.map((item, index) => {
-        switch (item.type) {
+      {blocks.map((block, index) => {
+        switch (block.type) {
           case 'text':
-            return <TextItem text={item.message} css={textItemStyle} />
+            return <TextItem text={block.message} css={textItemStyle} />
           case 'images': {
-            if (item.images.length === 0) {
+            if (block.images.length === 0) {
               return null
             }
             const imageUrl = generatePreviewImage({
-              imageInfo: item.images[0],
+              imageInfo: block.images[0],
               cloudinaryName,
               mediaUrlBase,
             })
@@ -71,7 +71,7 @@ export function RichBubble({
                 key={index}
                 src={imageUrl}
                 onClick={() => {
-                  onImageClick?.(item.images)
+                  onImageClick?.(block.images)
                 }}
                 css={imageItemStyle}
               />
@@ -81,11 +81,11 @@ export function RichBubble({
             return (
               <Button
                 key={index}
-                href={item.action.param}
+                href={block.action.param}
                 onClick={onButtonBeforeRouting}
                 css={buttonItemStyle}
               >
-                {item.label}
+                {block.label}
               </Button>
             )
           default:
diff --git a/packages/chat/src/bubble/type.ts b/packages/chat/src/bubble/type.ts
index e8412fb8ce..7ba02f9a5c 100644
--- a/packages/chat/src/bubble/type.ts
+++ b/packages/chat/src/bubble/type.ts
@@ -67,7 +67,7 @@ export type TextBubbleProp = {
 
 export type RichBubbleProp = {
   my: boolean
-  items: (RichItemText | RichItemImages | RichItemButton)[]
+  blocks: (RichItemText | RichItemImages | RichItemButton)[]
   cloudinaryName: string
   mediaUrlBase: string
   onImageClick?: (imageInfos: MetaDataInterface[]) => void
diff --git a/packages/chat/src/chat/chat.tsx b/packages/chat/src/chat/chat.tsx
index 77deb6d050..9983650c58 100644
--- a/packages/chat/src/chat/chat.tsx
+++ b/packages/chat/src/chat/chat.tsx
@@ -413,7 +413,7 @@ function getBubbleProp({
         id: messageId,
         my,
         maxWidthOffset: 100,
-        items: messagePayload.items,
+        blocks: messagePayload.items,
         mediaUrlBase:
           process.env.NEXT_PUBLIC_MEDIA_URL_BASE ||
           'https://media.triple.guide',