fix: cache operations ui

wundergraph · Jan 15, 2025 · 1c1caf4 · 1c1caf4
1 parent ab3a286
commit 1c1caf4
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/studio/src/pages/[organizationSlug]/[namespace]/graph/[slug]/cache-operations.tsx b/studio/src/pages/[organizationSlug]/[namespace]/graph/[slug]/cache-operations.tsx
@@ -120,6 +120,10 @@ const CacheOperationsPage: NextPageWithLayout = () => {
     );
   }
 
+  if (isLoading) {
+    return <Loader fullscreen />;
+  }
+
   if (!data?.isCacheWarmerEnabled) {
     return (
       <EmptyState
@@ -141,10 +145,6 @@ const CacheOperationsPage: NextPageWithLayout = () => {
     );
   }
 
-  if (isLoading) {
-    return <Loader fullscreen />;
-  }
-
   if (error || data?.response?.code !== EnumStatusCode.OK) {
     return (
       <EmptyState
@@ -165,9 +165,12 @@ const CacheOperationsPage: NextPageWithLayout = () => {
       <div className="flex justify-end">
         <div className="flex items-center gap-x-3">
           {lastComputedAt && (
-            <p className="text-sm font-semibold text-muted-foreground">{`Last computed ${formatDistanceToNow(new Date(lastComputedAt), {
-              addSuffix: true,
-            })}`}</p>
+            <p className="text-sm font-semibold text-muted-foreground">{`Last computed ${formatDistanceToNow(
+              new Date(lastComputedAt),
+              {
+                addSuffix: true,
+              },
+            )}`}</p>
           )}
           <Button
             variant="outline"