38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
"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>
|
|
);
|
|
}
|