From ea64ccae29480ed6a761b077d496af3e54b09c84 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Fri, 5 Apr 2024 12:02:05 +0000
Subject: [PATCH] fix: unnecesary requests

---
 .../(marketing)/status-widget-container.tsx   | 19 ++++---------------
 .../components/(marketing)/status-widget.tsx  |  8 +++++---
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/apps/marketing/src/components/(marketing)/status-widget-container.tsx b/apps/marketing/src/components/(marketing)/status-widget-container.tsx
index ffc83bff0..025c2df56 100644
--- a/apps/marketing/src/components/(marketing)/status-widget-container.tsx
+++ b/apps/marketing/src/components/(marketing)/status-widget-container.tsx
@@ -13,20 +13,9 @@ export function StatusWidgetContainer() {
 
 function StatusWidgetFallback() {
   return (
-    <a
-      className="border-border inline-flex max-w-fit  items-center justify-between gap-2 space-x-2 rounded-md border border-gray-200 px-3 py-1 text-sm"
-      href="https://status.documenso.com"
-      target="_blank"
-      rel="noreferrer"
-    >
-      <div>
-        <p className="text-sm">Operational</p>
-      </div>
-
-      <span className="relative ml-auto flex h-1.5 w-1.5">
-        <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75" />
-        <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-green-500" />
-      </span>
-    </a>
+    <div className="border-border inline-flex max-w-fit  items-center justify-between space-x-2 rounded-md border border-gray-200 px-2 py-2 pr-3 text-sm">
+      <span className="bg-muted h-2 w-36 animate-pulse rounded-md" />
+      <span className="bg-muted relative inline-flex h-2 w-2 rounded-full" />
+    </div>
   );
 }
diff --git a/apps/marketing/src/components/(marketing)/status-widget.tsx b/apps/marketing/src/components/(marketing)/status-widget.tsx
index d53a79f43..1c94c0707 100644
--- a/apps/marketing/src/components/(marketing)/status-widget.tsx
+++ b/apps/marketing/src/components/(marketing)/status-widget.tsx
@@ -1,6 +1,7 @@
-import { use } from 'react';
+import { use, useMemo } from 'react';
 
-import { type Status, getStatus } from '@openstatus/react';
+import type { Status } from '@openstatus/react';
+import { getStatus } from '@openstatus/react';
 
 import { cn } from '@documenso/ui/lib/utils';
 
@@ -45,7 +46,8 @@ const getStatusLevel = (level: Status) => {
 };
 
 export function StatusWidget() {
-  const { status } = use(getStatus('documenso-status'));
+  const getStatusMemoized = useMemo(async () => getStatus('documenso-status'), []);
+  const { status } = use(getStatusMemoized);
   const level = getStatusLevel(status);
 
   return (