Fix notifications settings cannot be edited after savedv1.0.4-beta.16

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) {