From 149ca0102930ddea224877ac81682304ae7b3324 Mon Sep 17 00:00:00 2001
From: jang_yoonsu <shagrat8546@gmail.com>
Date: Sat, 18 May 2024 20:43:13 +0900
Subject: [PATCH] fix : Add group property to code block parent element and add
 copy button condition

---
 .../src/conversation/ConversationBubble.tsx   | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index db26d55..9877db6 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -83,22 +83,16 @@ const ConversationBubble = forwardRef<
                 code({ node, inline, className, children, ...props }) {
                   const match = /language-(\w+)/.exec(className || '');
 
-                  return (
-                    <div className="relative">
-                      {!inline && match ? (
-                        <SyntaxHighlighter
-                          PreTag="div"
-                          language={match[1]}
-                          {...props}
-                          style={vscDarkPlus}
-                        >
-                          {String(children).replace(/\n$/, '')}
-                        </SyntaxHighlighter>
-                      ) : (
-                        <code className={className ? className : ''} {...props}>
-                          {children}
-                        </code>
-                      )}
+                  return !inline && match ? (
+                    <div className="group relative">
+                      <SyntaxHighlighter
+                        PreTag="div"
+                        language={match[1]}
+                        {...props}
+                        style={vscDarkPlus}
+                      >
+                        {String(children).replace(/\n$/, '')}
+                      </SyntaxHighlighter>
                       <div
                         className={`absolute right-3 top-3 lg:invisible 
                         ${type !== 'ERROR' ? 'group-hover:lg:visible' : ''} `}
@@ -108,6 +102,10 @@ const ConversationBubble = forwardRef<
                         />
                       </div>
                     </div>
+                  ) : (
+                    <code className={className ? className : ''} {...props}>
+                      {children}
+                    </code>
                   );
                 },
                 ul({ children }) {