diff --git a/web/apps/app/components/layouts/AppLayout.tsx b/web/apps/app/components/layouts/AppLayout.tsx
index e74695cd36..3752f4666c 100644
--- a/web/apps/app/components/layouts/AppLayout.tsx
+++ b/web/apps/app/components/layouts/AppLayout.tsx
@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, Suspense } from 'react';
import dynamic from 'next/dynamic';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
import { PageContent } from './PageContent';
@@ -14,12 +14,16 @@ export function AppLayout({ children }: PropsWithChildren) {
-
- {children}
-
+
+
+ {children}
+
+
-
+
+
+
);
diff --git a/web/apps/app/components/layouts/PageContent.tsx b/web/apps/app/components/layouts/PageContent.tsx
index fbbcc56d97..f8b9246567 100644
--- a/web/apps/app/components/layouts/PageContent.tsx
+++ b/web/apps/app/components/layouts/PageContent.tsx
@@ -1,4 +1,5 @@
'use client';
+
import React, { PropsWithChildren } from 'react';
import { Stack } from '@signalco/ui-primitives/Stack';
import { cx } from '@signalco/ui-primitives/cx';
diff --git a/web/apps/app/components/views/Entity/EntityOptions.tsx b/web/apps/app/components/views/Entity/EntityOptions.tsx
index 2cc0282e23..226ebc8b14 100644
--- a/web/apps/app/components/views/Entity/EntityOptions.tsx
+++ b/web/apps/app/components/views/Entity/EntityOptions.tsx
@@ -1,9 +1,12 @@
+'use client';
+
import { useState } from 'react';
import { useRouter } from 'next/navigation';
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@signalco/ui-primitives/Menu';
import { Button } from '@signalco/ui-primitives/Button';
import { showNotification } from '@signalco/ui-notifications';
import { MoreHorizontal } from '@signalco/ui-icons';
+import { useSearchParam } from '@signalco/hooks/useSearchParam';
import ConfirmDeleteDialog from '../../shared/dialog/ConfirmDeleteDialog';
import { KnownPages } from '../../../src/knownPages';
import useLocale from '../../../src/hooks/useLocale';
@@ -12,14 +15,13 @@ import useDeleteEntity from '../../../src/hooks/signalco/entity/useDeleteEntity'
export interface EntityOptionsProps {
id: string | undefined;
- canHideRaw: boolean;
- showRaw: boolean;
- showRawChanged: (show: boolean) => void;
}
-export default function EntityOptions({ id, canHideRaw, showRaw, showRawChanged, ...rest }: EntityOptionsProps) {
+export default function EntityOptions({ id, ...rest }: EntityOptionsProps) {
const { t } = useLocale('App', 'Entities');
const router = useRouter();
+ const [showRawParam, setShowRawParam] = useSearchParam
('raw', 'false');
+ const showRaw = showRawParam === 'true';
const [isDeleteOpen, setIsDeleteOpen] = useState(false);
const { data: entity } = useEntity(id);
const deleteEntity = useDeleteEntity();
@@ -29,7 +31,7 @@ export default function EntityOptions({ id, canHideRaw, showRaw, showRawChanged,
};
const handleShowRaw = () => {
- showRawChanged(!showRaw);
+ setShowRawParam(!showRaw ? 'true' : undefined);
};
const handleDeleteConfirm = async () => {
@@ -54,8 +56,8 @@ export default function EntityOptions({ id, canHideRaw, showRaw, showRawChanged,
- {canHideRaw && {showRaw ? 'Hide details' : 'Show details'}}
- {canHideRaw && }
+ {showRaw ? 'Hide details' : 'Show details'}
+
{t('DeleteButtonLabel')}
diff --git a/web/apps/brandgrab/app/(landing)/page.tsx b/web/apps/brandgrab/app/(landing)/page.tsx
index 9a3ae14216..8525ee573d 100644
--- a/web/apps/brandgrab/app/(landing)/page.tsx
+++ b/web/apps/brandgrab/app/(landing)/page.tsx
@@ -1,7 +1,10 @@
+import { Suspense } from 'react';
import LandingPageView from '../../components/views/LandingView';
export default function LandingPage() {
return (
-
+
+
+
)
}
diff --git a/web/apps/brandgrab/components/PageNav.tsx b/web/apps/brandgrab/components/PageNav.tsx
index 758bb1225f..4d225028af 100644
--- a/web/apps/brandgrab/components/PageNav.tsx
+++ b/web/apps/brandgrab/components/PageNav.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Suspense } from 'react';
import { Link } from '@signalco/ui-primitives/Link';
import { cx } from '@signalco/ui-primitives/cx';
import { Container } from '@signalco/ui-primitives/Container';
@@ -18,7 +18,9 @@ export function PageNav({ fullWidth }: { fullWidth?: boolean | undefined; }) {