From 97b392aff6c849dd47b4941979659fe16563abec Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 1 Nov 2024 00:40:00 +0800
Subject: [PATCH] Add missing file

---
 .../components/elements/ShutdownBanner.tsx    | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 packages/web/components/elements/ShutdownBanner.tsx

diff --git a/packages/web/components/elements/ShutdownBanner.tsx b/packages/web/components/elements/ShutdownBanner.tsx
new file mode 100644
index 000000000..ea7f3ea2e
--- /dev/null
+++ b/packages/web/components/elements/ShutdownBanner.tsx
@@ -0,0 +1,52 @@
+import { usePersistedState } from '../../lib/hooks/usePersistedState'
+import { CloseButton } from './CloseButton'
+import { HStack, SpanBox } from './LayoutPrimitives'
+
+export const ShutdownBanner = () => {
+  const [
+    showMaintenanceMode,
+    setShowMaintenanceMode,
+    isLoadingShowMaintenanceMode,
+  ] = usePersistedState({
+    key: 'show-shutdown-mode',
+    isSessionStorage: true,
+    initialValue: true,
+  })
+  return (
+    <>
+      {!isLoadingShowMaintenanceMode && showMaintenanceMode && (
+        <HStack
+          css={{
+            p: '5px',
+            top: 0,
+            left: 0,
+            width: '100vw',
+            position: 'absolute',
+            bg: '#FF5733',
+            color: '#FFFFFF',
+            zIndex: '100',
+            font: '$inter',
+            gap: '10px',
+          }}
+          alignment="start"
+          distribution="center"
+        >
+          Omnivore is shutting down on Nov. 30th.
+          <a
+            href="https://blog.omnivore.app/p/details-on-omnivore-shutting-down"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Read More
+          </a>
+          <SpanBox css={{ width: '50px' }} />
+          <CloseButton
+            close={() => {
+              setShowMaintenanceMode(false)
+            }}
+          />
+        </HStack>
+      )}
+    </>
+  )
+}