From 2302a536bb578ab690d0ea830784d599ec8e7720 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 29 Mar 2022 19:57:56 +0200
Subject: [PATCH] remove rendundant loading shimmer

---
 .../interfaces/Settings/Logs/LogsPreviewer.tsx    | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx b/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
index 4d078dcc3b2..a6abb86e153 100644
--- a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
+++ b/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
@@ -170,16 +170,17 @@ export const LogsPreviewer: React.FC<Props> = ({ projectRef, queryType, override
         }
       >
         <div className={condensedLayout ? 'px-4' : ''}>
-          {showChart && <LogEventChart
-            data={!isLoading ? logData : undefined}
-            onBarClick={(timestampMicro) => {
-              handleSearch({ query: filters.search_query, toMicro: timestampMicro })
-            }}
-          />}
+          {showChart && (
+            <LogEventChart
+              data={!isLoading ? logData : undefined}
+              onBarClick={(timestampMicro) => {
+                handleSearch({ query: filters.search_query, toMicro: timestampMicro })
+              }}
+            />
+          )}
         </div>
       </div>
       <div className="flex flex-col flex-grow relative pt-4">
-        {isLoading && <div className="logs-shimmering-loader w-full h-0.5"></div>}
         <ShimmerLine active={isLoading} />
         <LoadingOpacity active={isLoading}>
           <LogTable data={logData} queryType={queryType} />