From 41d70bcfb01c0c00c64fb5615a3b143a963b8056 Mon Sep 17 00:00:00 2001
From: Hongbo Wu <hongbo@omnivore.app>
Date: Wed, 13 Mar 2024 11:07:08 +0800
Subject: [PATCH] Add beta alert

---
 packages/web/components/templates/BetaFeature.tsx   | 5 +++++
 packages/web/pages/settings/integrations/notion.tsx | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 packages/web/components/templates/BetaFeature.tsx

diff --git a/packages/web/components/templates/BetaFeature.tsx b/packages/web/components/templates/BetaFeature.tsx
new file mode 100644
index 000000000..6ab1de379
--- /dev/null
+++ b/packages/web/components/templates/BetaFeature.tsx
@@ -0,0 +1,5 @@
+import { Alert } from 'antd'
+
+export function BetaFeature(): JSX.Element {
+  return <Alert message="Beta" type="warning" showIcon />
+}
diff --git a/packages/web/pages/settings/integrations/notion.tsx b/packages/web/pages/settings/integrations/notion.tsx
index 4b956065e..f3152e0e1 100644
--- a/packages/web/pages/settings/integrations/notion.tsx
+++ b/packages/web/pages/settings/integrations/notion.tsx
@@ -9,6 +9,7 @@ import {
   VStack,
 } from '../../../components/elements/LayoutPrimitives'
 import { PageMetaData } from '../../../components/patterns/PageMetaData'
+import { BetaFeature } from '../../../components/templates/BetaFeature'
 import { SettingsLayout } from '../../../components/templates/SettingsLayout'
 import { useGetIntegrationsQuery } from '../../../lib/networking/queries/useGetIntegrationsQuery'
 
@@ -43,6 +44,7 @@ export default function Notion(): JSX.Element {
               height={75}
             />
             <Header>Notion integration settings</Header>
+            <BetaFeature />
           </HStack>
 
           {notion && (