Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: unnecesary requests

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-04-05 12:02:05 +00:00
parent 81ab220f1e
commit ea64ccae29
2 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/marketing/src/components/(marketing)/status-widget-container.tsx
View File

@ -13,20 +13,9 @@ export function StatusWidgetContainer() {
function StatusWidgetFallback() { function StatusWidgetFallback() {
return ( return (
<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">
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" <span className="bg-muted h-2 w-36 animate-pulse rounded-md" />
href="https://status.documenso.com" <span className="bg-muted relative inline-flex h-2 w-2 rounded-full" />
target="_blank" </div>
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>
); );
} }

8
apps/marketing/src/components/(marketing)/status-widget.tsx
View File

@ -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'; import { cn } from '@documenso/ui/lib/utils';
@ -45,7 +46,8 @@ const getStatusLevel = (level: Status) => {
}; };
export function StatusWidget() { export function StatusWidget() {
const { status } = use(getStatus('documenso-status')); const getStatusMemoized = useMemo(async () => getStatus('documenso-status'), []);
const { status } = use(getStatusMemoized);
const level = getStatusLevel(status); const level = getStatusLevel(status);
return ( return (