Modified Alerts

2025-09-24 18:34:13 -06:00
parent 994ee9b6a6
commit dce377b586
9 changed files with 91 additions and 10 deletions
@@ -0,0 +1,37 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import AlertBox from "@/app/Components/AlertBox/AlertBox";
+import ClearParams from "@/app/Components/ClearParams/ClearParams";
+
+export default function GlobalAlert() {
+  const [showSuccess, setShowSuccess] = useState<string | null>(null);
+  const [showError, setShowError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const url = new URL(window.location.href);
+    const success = url.searchParams.get("success");
+    const error = url.searchParams.get("error");
+
+    if (success) setShowSuccess(success);
+    if (error) setShowError(error);
+  }, []);
+
+  return (
+    <section className="containerAlerts">
+      {showError && (
+        <>
+          <AlertBox key={Date.now()} message={showError} type="error" />
+          <ClearParams paramsToClear={["error"]} />
+        </>
+      )}
+
+      {showSuccess && (
+        <>
+          <AlertBox key={Date.now()} message={showSuccess} type="success" />
+          <ClearParams paramsToClear={["success"]} />
+        </>
+      )}
+    </section>
+  );
+}