Create JS disabled alert component

2023-10-19 16:50:27 -04:00 · 2023-10-19 16:50:27 -04:00 · 7e8fb126c4
commit 7e8fb126c4
parent b6c6967db0
1 changed files with 18 additions and 0 deletions
--- a/components/NoJSAlert.tsx
+++ b/components/NoJSAlert.tsx
@ -0,0 +1,18 @@
+import {
+  Alert,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+} from "@chakra-ui/react";
+
+export default function () {
+  return (
+    <Alert status="error">
+      <AlertIcon />
+      <AlertTitle>JavaScript Disabled!</AlertTitle>
+      <AlertDescription>
+        Some features of this page may not work.
+      </AlertDescription>
+    </Alert>
+  );
+}