From edab2584223a2da9d4b58a7cd13fc23c584936fa Mon Sep 17 00:00:00 2001
From: Asher Gomez <ashersaupingomez@gmail.com>
Date: Wed, 26 Apr 2023 15:51:32 +1000
Subject: [PATCH] feat: Deno Hunt beta site banner

---
 components/Layout.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/components/Layout.tsx b/components/Layout.tsx
index eb6eeef68..db48ee57e 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -2,11 +2,29 @@
 import type { ComponentChild, ComponentChildren, JSX } from "preact";
 import {
   BUTTON_STYLES,
+  NOTICE_STYLES,
   SITE_NAME,
   SITE_WIDTH_STYLES,
 } from "@/utils/constants.ts";
 import Logo from "./Logo.tsx";
 
+function Notice() {
+  return (
+    <div class={`${NOTICE_STYLES} rounded-none`}>
+      <div class={`text-center px-8`}>
+        Deno Hunt powered by Deno SaaSKit is currently in beta. Check out
+        progress in the{" "}
+        <a
+          href="https://github.com/denoland/saaskit/issues/60"
+          class="underline"
+        >
+          roadmap
+        </a>.
+      </div>
+    </div>
+  );
+}
+
 interface NavProps extends JSX.HTMLAttributes<HTMLElement> {
   active?: string;
   items: (JSX.HTMLAttributes<HTMLAnchorElement> & { inner: ComponentChild })[];
@@ -108,6 +126,7 @@ export default function Layout(props: LayoutProps) {
 
   return (
     <div class="flex flex-col min-h-screen">
+      <Notice />
       <Header>
         <Nav items={headerNavItems} />
       </Header>