From 87c5d0d9defdc3f01865eeb844dfe191934411fb Mon Sep 17 00:00:00 2001
From: LASER-Yi <liangyi0007@gmail.com>
Date: Sat, 26 Mar 2022 22:24:36 +0800
Subject: [PATCH] Fix notifications settings cannot be edited after saved

---
 .../src/pages/Settings/Notifications/components.tsx  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

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