From 36f5dc29fac587b642199fb76efceddc03b2ae1c Mon Sep 17 00:00:00 2001
From: nasaownsky <someuser.ivn@gmail.com>
Date: Fri, 6 Dec 2024 17:08:51 +0400
Subject: [PATCH] Fixes

---
 .../AgencySettingsDefinition.tsx              | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/publisher/src/components/AgencySettings/AgencySettingsDefinition.tsx b/publisher/src/components/AgencySettings/AgencySettingsDefinition.tsx
index 8cf8f6e39..5fe9a6be3 100644
--- a/publisher/src/components/AgencySettings/AgencySettingsDefinition.tsx
+++ b/publisher/src/components/AgencySettings/AgencySettingsDefinition.tsx
@@ -126,6 +126,8 @@ const AgencySettingsDefinition: React.FC<{
   }, [currentAgencySettings]);
 
   useEffect(() => {
+    // When we select agency without applicable sectors we need to reset currentSystems, otherwise it can have values from previous agencies in it.
+    // We also can't do it in reset effect below, because it depends on currentSystems and it'll cause infinite loop.
     setCurrentSystems([]);
 
     const supervisionSystems =
@@ -164,6 +166,8 @@ const AgencySettingsDefinition: React.FC<{
 
   const [updatedSetting, setUpdatedSetting] = useState(initialSetting);
 
+  // This is a reset effect and it's used to reset setting for UI to work properly.
+  // The absence of this effect causes visual bug where setting from the previous agency may be displayed.
   useEffect(() => {
     setUpdatedSetting(initialSetting);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -199,11 +203,11 @@ const AgencySettingsDefinition: React.FC<{
     system: AgencySystemKeys
   ) => {
     setUpdatedSetting((prevSettings) => {
-      const updates = prevSettings.map((sector) => {
-        if (sector.sector === system) {
+      const updates = prevSettings.map((prevSetting) => {
+        if (prevSetting.sector === system) {
           return {
-            ...sector,
-            settings: sector.settings.map((setting) =>
+            ...prevSetting,
+            settings: prevSetting.settings.map((setting) =>
               setting.key === key
                 ? {
                     ...setting,
@@ -213,7 +217,7 @@ const AgencySettingsDefinition: React.FC<{
             ),
           };
         }
-        return sector;
+        return prevSetting;
       });
 
       return updates;
@@ -222,12 +226,12 @@ const AgencySettingsDefinition: React.FC<{
 
   const handleDescriptionChange = (system: AgencySystemKeys, value: string) => {
     setUpdatedSetting((prevSettings) => {
-      return prevSettings.map((sector) => {
-        if (sector.sector === system) {
+      return prevSettings.map((prevSetting) => {
+        if (prevSetting.sector === system) {
           return {
-            ...sector,
+            ...prevSetting,
             settings: [
-              ...sector.settings.filter(
+              ...prevSetting.settings.filter(
                 (setting) => setting.key !== "ADDITIONAL_CONTEXT"
               ), // Ensure no duplicate keys
               {
@@ -237,7 +241,7 @@ const AgencySettingsDefinition: React.FC<{
             ],
           };
         }
-        return sector;
+        return prevSetting;
       });
     });
   };