Merge pull request #321 from reservoirprotocol/armando/grwth-3290-500…

…-explorer-error-page feat: 500 page
reservoirprotocol · Sep 19, 2023 · 18e1a04 · 18e1a04 · vercel · Sep 19, 2023
2 parents 331edaf + c413e2f
commit 18e1a04
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/pages/500.tsx b/pages/500.tsx
@@ -0,0 +1,29 @@
+import { NextPage } from 'next'
+import { Text, Flex, Box } from 'components/primitives'
+import Layout from 'components/Layout'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faWarning } from '@fortawesome/free-solid-svg-icons'
+
+const IndexPage: NextPage = () => {
+  return (
+    <Layout>
+      <Flex
+        direction="column"
+        align="center"
+        css={{ py: '200px', px: '$3', textAlign: 'center' }}
+      >
+        <Box css={{ color: '$gray11', mb: '30px' }}>
+          <FontAwesomeIcon icon={faWarning} size="2xl" />
+        </Box>
+        <Text style="body1" color="subtle" css={{ mb: '$1' }}>
+          500 Error.
+        </Text>
+        <Text style="body1" color="subtle">
+          Something went wrong. Try refreshing or check back soon.
+        </Text>
+      </Flex>
+    </Layout>
+  )
+}
+
+export default IndexPage