fix: reset form on close for sponsor page popup

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>

Author: tomrndom

src/actions/sponsor-pages-actions.js

@@ -40,6 +40,7 @@ export const SPONSOR_PAGE_UPDATED = "SPONSOR_PAGE_UPDATED";
 export const SPONSOR_PAGE_ADDED = "SPONSOR_PAGE_ADDED";
 export const SPONSOR_PAGE_ARCHIVED = "SPONSOR_PAGE_ARCHIVED";
 export const SPONSOR_PAGE_UNARCHIVED = "SPONSOR_PAGE_UNARCHIVED";
+export const RESET_SPONSOR_PAGE_FORM = "RESET_SPONSOR_PAGE_FORM";
 
 export const GLOBAL_PAGE_CLONED = "GLOBAL_PAGE_CLONED";
 
@@ -215,6 +216,10 @@ export const saveSponsorPage = (entity) => async (dispatch, getState) => {
     });
 };
 
+export const resetSponsorPageForm = () => (dispatch) => {
+  dispatch(createAction(RESET_SPONSOR_PAGE_FORM)({}));
+};
+
 export const cloneGlobalPage =
   (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
     const { currentSummitState } = getState();

src/pages/sponsors/sponsor-pages-list-page/index.js

@@ -28,7 +28,8 @@ import {
   archiveSponsorPage,
   unarchiveSponsorPage,
   getSponsorPage,
-  saveSponsorPage
+  saveSponsorPage,
+  resetSponsorPageForm
 } from "../../../actions/sponsor-pages-actions";
 import CustomAlert from "../../../components/mui/custom-alert";
 import MuiTable from "../../../components/mui/table/mui-table";
@@ -49,7 +50,8 @@ const SponsorPagesListPage = ({
   archiveSponsorPage,
   unarchiveSponsorPage,
   getSponsorPage,
-  saveSponsorPage
+  saveSponsorPage,
+  resetSponsorPageForm
 }) => {
   const [openPopup, setOpenPopup] = useState(null);
 
@@ -110,6 +112,11 @@ const SponsorPagesListPage = ({
     });
   };
 
+  const handleTemplatePopupClose = () => {
+    resetSponsorPageForm();
+    setOpenPopup(null);
+  };
+
   const columns = [
     {
       columnKey: "code",
@@ -236,7 +243,7 @@ const SponsorPagesListPage = ({
       <PageTemplatePopup
         open={openPopup === "new"}
         pageTemplate={currentSponsorPage}
-        onClose={() => setOpenPopup(null)}
+        onClose={handleTemplatePopupClose}
         onSave={handleSaveSponsorPage}
       />
     </div>
@@ -252,5 +259,6 @@ export default connect(mapStateToProps, {
   archiveSponsorPage,
   unarchiveSponsorPage,
   getSponsorPage,
-  saveSponsorPage
+  saveSponsorPage,
+  resetSponsorPageForm
 })(SponsorPagesListPage);

src/reducers/sponsors/sponsor-pages-list-reducer.js

@@ -17,11 +17,18 @@ import {
   RECEIVE_SPONSOR_PAGES,
   REQUEST_SPONSOR_PAGES,
   SPONSOR_PAGE_ARCHIVED,
-  SPONSOR_PAGE_UNARCHIVED
+  SPONSOR_PAGE_UNARCHIVED,
+  RESET_SPONSOR_PAGE_FORM
 } from "../../actions/sponsor-pages-actions";
 import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
 import { PAGES_MODULE_KINDS } from "../../utils/constants";
 
+const DEFAULT_SPONSOR_PAGE = {
+  code: "",
+  name: "",
+  modules: []
+};
+
 const DEFAULT_STATE = {
   sponsorPages: [],
   term: "",
@@ -32,7 +39,7 @@ const DEFAULT_STATE = {
   perPage: 10,
   totalCount: 0,
   hideArchived: false,
-  currentSponsorPage: null,
+  currentSponsorPage: DEFAULT_SPONSOR_PAGE,
   summitTZ: null
 };
 
@@ -113,6 +120,9 @@ const sponsorPagesListReducer = (state = DEFAULT_STATE, action) => {
 
       return { ...state, currentSponsorPage: sponsorPage };
     }
+    case RESET_SPONSOR_PAGE_FORM: {
+      return { ...state, currentSponsorPage: DEFAULT_SPONSOR_PAGE };
+    }
     default:
       return state;
   }