From 3941dd94b02cdd21d81efb87e18f79ec59805d50 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Tue, 14 Jan 2025 13:41:46 +0900
Subject: [PATCH 1/3] modified message width in open channel

---
 .../OpenChannel/components/OpenChannelMessage/index.tsx  | 6 +++---
 .../OpenChannelMessage/open-channel-message.scss         | 3 +++
 src/ui/OpenchannelFileMessage/index.scss                 | 9 +++++++--
 src/ui/OpenchannelFileMessage/index.tsx                  | 1 +
 src/ui/OpenchannelOGMessage/index.scss                   | 2 +-
 5 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/modules/OpenChannel/components/OpenChannelMessage/index.tsx b/src/modules/OpenChannel/components/OpenChannelMessage/index.tsx
index 578e57119..f14167b08 100644
--- a/src/modules/OpenChannel/components/OpenChannelMessage/index.tsx
+++ b/src/modules/OpenChannel/components/OpenChannelMessage/index.tsx
@@ -1,3 +1,4 @@
+import './open-channel-message.scss';
 import React, { useState, useRef, ReactElement } from 'react';
 import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';
 import { User } from '@sendbird/chat';
@@ -8,7 +9,6 @@ import OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';
 import OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';
 import OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';
 import OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';
-// import UnknownMessage from '../../../../ui/UnknownMessage';
 
 import DateSeparator from '../../../../ui/DateSeparator';
 import Label, { LabelTypography, LabelColors } from '../../../../ui/Label';
@@ -73,7 +73,7 @@ export default function OpenChannelMessage(
 
   if (renderMessage) {
     return (
-      <div className="sendbird-msg-hoc sendbird-msg--scroll-ref" data-testid="sendbird-message-hoc">
+      <div className="sendbird-open-channel-msg-hoc sendbird-msg--scroll-ref" data-testid="sendbird-message-hoc">
         {renderMessage({ message, chainTop, chainBottom })}
       </div>
     );
@@ -99,7 +99,7 @@ export default function OpenChannelMessage(
   }
 
   return (
-    <div className="sendbird-msg-hoc sendbird-msg--scroll-ref" data-testid="sendbird-message-hoc">
+    <div className="sendbird-open-channel-msg-hoc sendbird-msg--scroll-ref" data-testid="sendbird-message-hoc">
       <>
         {/* date-separator */}
         {hasSeparator && message?.createdAt && (
diff --git a/src/modules/OpenChannel/components/OpenChannelMessage/open-channel-message.scss b/src/modules/OpenChannel/components/OpenChannelMessage/open-channel-message.scss
index e69de29bb..8fa00a8ee 100644
--- a/src/modules/OpenChannel/components/OpenChannelMessage/open-channel-message.scss
+++ b/src/modules/OpenChannel/components/OpenChannelMessage/open-channel-message.scss
@@ -0,0 +1,3 @@
+.sendbird-open-channel-msg-hoc {
+  min-width: 380px;
+}
diff --git a/src/ui/OpenchannelFileMessage/index.scss b/src/ui/OpenchannelFileMessage/index.scss
index ce1ca5cba..d9a3e3ce8 100644
--- a/src/ui/OpenchannelFileMessage/index.scss
+++ b/src/ui/OpenchannelFileMessage/index.scss
@@ -56,6 +56,7 @@
       margin-top: 4px;
       margin-bottom: 4px;
       border-radius: 8px;
+      max-width: 360px;
       @include themed() {
         background-color: t(bg-1);
         border: solid 1px t(on-bg-4);
@@ -79,8 +80,12 @@
         overflow: hidden;
         height: 20px;
         max-height: 20px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        
+        .sendbird-openchannel-file-message__right__body__file-name__label {
+          overflow-x: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
       }
     }
   }
diff --git a/src/ui/OpenchannelFileMessage/index.tsx b/src/ui/OpenchannelFileMessage/index.tsx
index fcca9b643..2de0171b1 100644
--- a/src/ui/OpenchannelFileMessage/index.tsx
+++ b/src/ui/OpenchannelFileMessage/index.tsx
@@ -183,6 +183,7 @@ export default function OpenChannelFileMessage({
               onClick={openFileUrl}
             >
               <Label
+                className="sendbird-openchannel-file-message__right__body__file-name__label"
                 type={LabelTypography.BODY_1}
                 color={LabelColors.ONBACKGROUND_1}
               >
diff --git a/src/ui/OpenchannelOGMessage/index.scss b/src/ui/OpenchannelOGMessage/index.scss
index f382380c8..8640daa11 100644
--- a/src/ui/OpenchannelOGMessage/index.scss
+++ b/src/ui/OpenchannelOGMessage/index.scss
@@ -103,7 +103,7 @@
       position: relative;
       display: inline-block;
       box-sizing: border-box;
-      width: calc(100% - 64px);
+      min-width: 360px;
       max-width: 360px;
       left: 64px;
       padding: 12px 12px 4px 12px;

From e06eb7a9a4e8e773254c7a828fac7c203ae9bd26 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Tue, 14 Jan 2025 13:46:06 +0900
Subject: [PATCH 2/3] update test snapshot

---
 .../__tests__/__snapshots__/OpenchannelFileMessage.spec.js.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/OpenchannelFileMessage/__tests__/__snapshots__/OpenchannelFileMessage.spec.js.snap b/src/ui/OpenchannelFileMessage/__tests__/__snapshots__/OpenchannelFileMessage.spec.js.snap
index e5efa52fa..75f3df9e8 100644
--- a/src/ui/OpenchannelFileMessage/__tests__/__snapshots__/OpenchannelFileMessage.spec.js.snap
+++ b/src/ui/OpenchannelFileMessage/__tests__/__snapshots__/OpenchannelFileMessage.spec.js.snap
@@ -68,7 +68,7 @@ exports[`ui/OpenchannelFileMessage should do a snapshot test of the OpenchannelF
           tabindex="0"
         >
           <span
-            class="sendbird-label sendbird-label--body-1 sendbird-label--color-onbackground-1"
+            class="sendbird-openchannel-file-message__right__body__file-name__label sendbird-label sendbird-label--body-1 sendbird-label--color-onbackground-1"
           >
             72b35fef-acda-4e32-...4-37e1226b0615.pdf
           </span>

From 0bd53f14bf760564116c088e5fac606031a10249 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Thu, 23 Jan 2025 14:41:36 +0900
Subject: [PATCH 3/3] set using width

---
 src/ui/OpenchannelOGMessage/index.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/ui/OpenchannelOGMessage/index.scss b/src/ui/OpenchannelOGMessage/index.scss
index 8640daa11..b3a1f00d0 100644
--- a/src/ui/OpenchannelOGMessage/index.scss
+++ b/src/ui/OpenchannelOGMessage/index.scss
@@ -103,8 +103,7 @@
       position: relative;
       display: inline-block;
       box-sizing: border-box;
-      min-width: 360px;
-      max-width: 360px;
+      width: 360px;
       left: 64px;
       padding: 12px 12px 4px 12px;
       border-radius: 8px;