Create JS disabled alert component

regalijan · Oct 19, 2023 · 7e8fb12 · 7e8fb12
1 parent b6c6967
commit 7e8fb12
Showing 1 changed file with 18 additions and 0 deletions.
diff --git 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>
+  );
+}