-
+ const { colorMode } = useColorMode();
+ const bannerText =
+ "🚧 This site is under construction - expect breaking changes! 🚧";
+ return colorMode === "dark" ? (
+
+ {bannerText}
+
+ ) : (
+
);
}
diff --git a/docs/src/components/Homepage/hero.js b/docs/src/components/Homepage/hero.js
index 634d031b0..91be7b3b3 100644
--- a/docs/src/components/Homepage/hero.js
+++ b/docs/src/components/Homepage/hero.js
@@ -1,5 +1,5 @@
import React from "react";
-import { ChevronRightIcon } from "@heroicons/react/20/solid";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/20/solid";
import { useColorMode } from "@docusaurus/theme-common";
import Dropdown from "@site/src/components/Elements/dropdown";
@@ -61,8 +61,16 @@ export default function HomepageHero() {