diff --git a/packages/web/components/templates/EmptyLayout.tsx b/packages/web/components/templates/EmptyLayout.tsx
new file mode 100644
index 000000000..53c655a1d
--- /dev/null
+++ b/packages/web/components/templates/EmptyLayout.tsx
@@ -0,0 +1,47 @@
+import { Box, HStack, VStack } from '../elements/LayoutPrimitives'
+import { PageMetaData } from '../patterns/PageMetaData'
+import { DEFAULT_HEADER_HEIGHT } from './homeFeed/HeaderSpacer'
+import { SettingsDropdown } from './navMenu/SettingsDropdown'
+
+type EmptyLayoutProps = {
+ title: string
+ children: React.ReactNode
+}
+
+export function EmptyLayout(props: EmptyLayoutProps): JSX.Element {
+ return (
+
+
+
+
+
+
+
+
+ {props.children}
+
+
+
+
+ )
+}
diff --git a/packages/web/components/templates/SettingsLayout.tsx b/packages/web/components/templates/SettingsLayout.tsx
index 05c91ea8b..dd9be633a 100644
--- a/packages/web/components/templates/SettingsLayout.tsx
+++ b/packages/web/components/templates/SettingsLayout.tsx
@@ -1,5 +1,4 @@
import { Box, HStack, VStack } from '../elements/LayoutPrimitives'
-import { useGetViewerQuery } from '../../lib/networking/queries/useGetViewerQuery'
import { navigationCommands } from '../../lib/keyboardShortcuts/navigationShortcuts'
import { useKeyboardShortcuts } from '../../lib/keyboardShortcuts/useKeyboardShortcuts'
import { useRouter } from 'next/router'
diff --git a/packages/web/pages/404.tsx b/packages/web/pages/404.tsx
index 80e44ab9d..bdf8e40e4 100644
--- a/packages/web/pages/404.tsx
+++ b/packages/web/pages/404.tsx
@@ -1,6 +1,6 @@
import Head from 'next/head'
import { ErrorLayout } from '../components/templates/ErrorLayout'
-import { SettingsLayout } from '../components/templates/SettingsLayout'
+import { EmptyLayout } from '../components/templates/EmptyLayout'
export default function Custom404(): JSX.Element {
return (
@@ -8,9 +8,9 @@ export default function Custom404(): JSX.Element {
Page Not Found
-
+
-
+
)
}
diff --git a/packages/web/pages/500.tsx b/packages/web/pages/500.tsx
index 75d24835c..e4976faba 100644
--- a/packages/web/pages/500.tsx
+++ b/packages/web/pages/500.tsx
@@ -1,6 +1,6 @@
import { ErrorLayout } from '../components/templates/ErrorLayout'
import Head from 'next/head'
-import { SettingsLayout } from '../components/templates/SettingsLayout'
+import { EmptyLayout } from '../components/templates/EmptyLayout'
export default function Custom500(): JSX.Element {
return (
@@ -8,9 +8,9 @@ export default function Custom500(): JSX.Element {
An unknown error occurred.
-
-
-
+
+
+
)
}
diff --git a/packages/web/pages/support.tsx b/packages/web/pages/support.tsx
index 98e25f366..edf0d7e09 100644
--- a/packages/web/pages/support.tsx
+++ b/packages/web/pages/support.tsx
@@ -1,7 +1,7 @@
import { useEffect, useCallback } from 'react'
import { Button } from '../components/elements/Button'
import { HStack } from '../components/elements/LayoutPrimitives'
-import { SettingsLayout } from '../components/templates/SettingsLayout'
+import { EmptyLayout } from '../components/templates/EmptyLayout'
import { setupAnalytics } from '../lib/analytics'
export default function Support(): JSX.Element {
@@ -18,7 +18,7 @@ export default function Support(): JSX.Element {
}, [initAnalytics])
return (
-
+
-
+
)
}
diff --git a/packages/web/pages/terms.tsx b/packages/web/pages/terms.tsx
index fd267cb75..bed50fe80 100644
--- a/packages/web/pages/terms.tsx
+++ b/packages/web/pages/terms.tsx
@@ -1,6 +1,6 @@
import { useRouter } from 'next/router'
import { TermsAndConditions } from '../components/templates/TermsAndConditions'
-import { SettingsLayout } from '../components/templates/SettingsLayout'
+import { EmptyLayout } from '../components/templates/EmptyLayout'
export default function Terms(): JSX.Element {
const router = useRouter()
@@ -11,9 +11,9 @@ export default function Terms(): JSX.Element {
return
} else {
return (
-
+
-
+
)
}
}