diff options
| -rw-r--r-- | frontend/src/pages/Settings/Notifications/components.tsx | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/frontend/src/pages/Settings/Notifications/components.tsx b/frontend/src/pages/Settings/Notifications/components.tsx index 5b8ed2007..f53ab7132 100644 --- a/frontend/src/pages/Settings/Notifications/components.tsx +++ b/frontend/src/pages/Settings/Notifications/components.tsx @@ -8,7 +8,13 @@ import { } from "@/components"; import { useModalControl, usePayload } from "@/modules/redux/hooks/modal"; import { BuildKey } from "@/utilities"; -import { FunctionComponent, useCallback, useMemo, useState } from "react"; +import { + FunctionComponent, + useCallback, + useEffect, + useMemo, + useState, +} from "react"; import { Button, Col, Container, Form, Row } from "react-bootstrap"; import { ColCard, useLatestArray, useUpdateArray } from "../components"; import { notificationsKey } from "../keys"; @@ -43,6 +49,10 @@ const NotificationModal: FunctionComponent<ModalProps & BaseModalProps> = ({ const [current, setCurrent] = useState<Nullable<Settings.NotificationInfo>>(payload); + useEffect(() => { + setCurrent(payload); + }, [payload]); + const updateUrl = useCallback((url: string) => { setCurrent((current) => { if (current) { |