Alert bar

gvorbeck · Jan 16, 2024 · 2e5aab4 · 2e5aab4
1 parent 66e631e
commit 2e5aab4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
@@ -1,4 +1,4 @@
-import { Flex, FloatButton, Layout } from "antd";
+import { Alert, Flex, FloatButton, Layout } from "antd";
 import React from "react";
 import PageHeader from "./PageHeader/PageHeader";
 import PageFooter from "./PageFooter/PageFooter";
@@ -26,6 +26,22 @@ const PageLayout: React.FC<PageLayoutProps> = ({ user }) => {
       <Layout.Header className="flex items-center">
         <PageHeader user={user} className={contentWidthClassName} />
       </Layout.Header>
+      <Alert
+        banner
+        message={
+          <span>
+            Welcome to v2.0! If you see something isn't working, comment{" "}
+            <a
+              target="_blank"
+              href="https://github.com/gvorbeck/codex-quest/issues/216"
+            >
+              HERE
+            </a>
+            , create an issue, or make a Pull Request in my GitHub.
+          </span>
+        }
+        type="info"
+      />
       <Layout.Content className={layoutContentClassName}>
         <Flex vertical gap={16}>
           {isHomePage && (

diff --git a/src/support/theme.ts b/src/support/theme.ts
@@ -29,7 +29,7 @@ export const cqTheme = {
   },
   components: {
     Alert: {
-      colorInfoBg: ColorScheme.SPRINGWOOD,
+      colorInfoBg: darkenHexColor(ColorScheme.SPRINGWOOD, 15),
     },
     Badge: {
       colorBgContainer: ColorScheme.SPRINGWOOD,