diff --git a/admin/src/components/ChangePWform.tsx b/admin/src/components/ChangePWform.tsx index 161d671..aeddefe 100644 --- a/admin/src/components/ChangePWform.tsx +++ b/admin/src/components/ChangePWform.tsx @@ -1,6 +1,7 @@ import React from "react"; -import { Button, Card, Field, Input, Stack } from "@chakra-ui/react"; +import { Button, Card, Field, Input, Stack, Alert } from "@chakra-ui/react"; import { changePW } from "@/utils/userActions"; +import { useState } from "react"; type ChangePWformProps = { onClose: () => void; @@ -17,6 +18,14 @@ const ChangePWform: React.FC = ({ alert, username, }) => { + const [showSubAlert, setShowSubAlert] = useState(false); + const [subAlertMessage, setSubAlertMessage] = useState(""); + + const subAlert = (message: string) => { + setSubAlertMessage(message); + setShowSubAlert(true); + }; + return (
@@ -64,7 +73,10 @@ const ChangePWform: React.FC = ({ ) as HTMLInputElement )?.value.trim() || ""; - if (!newPassword || newPassword !== confirmNewPassword) return; + if (!newPassword || newPassword !== confirmNewPassword) { + subAlert("Passwörter stimmen nicht überein!"); + return; + } const res = await changePW(newPassword, username); if (res.success) { @@ -86,6 +98,14 @@ const ChangePWform: React.FC = ({ > Ändern + {showSubAlert && ( + + + + {subAlertMessage} + + + )}