From cd16c4ce2f7caf5ed050a6c8ec7a67ec04753729 Mon Sep 17 00:00:00 2001
From: TzeYiing <ty@tzeyiing.com>
Date: Tue, 29 Mar 2022 21:08:54 +0200
Subject: [PATCH] polish: don't show Load older on error

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

diff --git a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx b/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
index 4fa7164ee1c..598b47d7aea 100644
--- a/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
+++ b/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
@@ -191,11 +191,13 @@ export const LogsPreviewer: React.FC<Props> = ({ projectRef, queryType, override
             onHistogramToggle={() => setShowChart(!showChart)}
           />
         </LoadingOpacity>
+        {!error && (
         <div className="p-2">
-          <Button onClick={() => loadOlder()} icon={<IconRewind />} type="default">
+            <Button onClick={loadOlder} icon={<IconRewind />} type="default">
             Load older
           </Button>
         </div>
+        )}
         {error && (
           <div className="flex w-full h-full justify-center items-center mx-auto">
             <Card className="flex flex-col gap-y-2  w-2/5 bg-scale-400">