From 0fc74e44ed2700dd460e8dbcdd6cdcf94b08f24a Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Fri, 21 Oct 2022 18:40:42 +0800
Subject: [PATCH] fix: hide copy button when loading

---
 studio/components/interfaces/Settings/Logs/LogSelection.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/studio/components/interfaces/Settings/Logs/LogSelection.tsx b/studio/components/interfaces/Settings/Logs/LogSelection.tsx
index d6e16e194ae..2ecb104e789 100644
--- a/studio/components/interfaces/Settings/Logs/LogSelection.tsx
+++ b/studio/components/interfaces/Settings/Logs/LogSelection.tsx
@@ -149,7 +149,9 @@ ${JSON.stringify(fullLog.metadata, null, 2)}
       <div className="relative h-px flex-grow bg-scale-300">
         <div className="pt-4 px-4 flex flex-col gap-4">
           <div className="flex flex-row justify-between items-center">
-            <CopyButton text={selectionText()} type="default" title="Copy log to clipboard" />
+            <div className={`transition ${!isLoading ? 'opacity-100' : 'opacity-0'}`}>
+              <CopyButton text={selectionText()} type="default" title="Copy log to clipboard" />
+            </div>
             <Button
               type="text"
               className="cursor-pointer transition hover:text-scale-1200 h-8 w-8 px-0 py-0 flex items-center justify-center"