feat: disables save button on user permissions until any permission i…

…s changed (#306)
bcgov · May 27, 2024 · 53f2b12 · 53f2b12
1 parent c403ed1
commit 53f2b12
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/src/users/UsersContainer.js b/frontend/src/users/UsersContainer.js
@@ -19,6 +19,7 @@ const UsersContainer = (props) => {
   const [messageSeverity, setMessageSeverity] = useState("");
   const [userToDelete, setUserToDelete] = useState("");
   const [openDialog, setOpenDialog] = useState(false);
+  const [saveButtonEnabled, setSaveButtonEnabled] = useState(false);
   const axios = useAxios();
 
   const handleAddNewUser = () => {
@@ -56,6 +57,7 @@ const UsersContainer = (props) => {
         userToChange.user_permissions[permissionType] = checked;
       }),
     );
+    setSaveButtonEnabled(true)
   }, []);
 
   const handleDeleteUserClick = (idir) => {
@@ -139,6 +141,7 @@ const UsersContainer = (props) => {
         setMessage={setMessage}
         newUser={newUser}
         handleXClick={handleDeleteUserClick}
+        saveButtonEnabled={saveButtonEnabled}
       />
     </div>
   );

diff --git a/frontend/src/users/components/UsersPage.js b/frontend/src/users/components/UsersPage.js
@@ -23,6 +23,7 @@ const UsersPage = (props) => {
     newUser,
     setMessage,
     handleXClick,
+    saveButtonEnabled
   } = props;
 
   const userRow = (user) => {
@@ -171,6 +172,7 @@ const UsersPage = (props) => {
               className="button-dark-blue"
               startIcon={<SaveIcon />}
               onClick={handleSubmitUserUpdates}
+              disabled={!saveButtonEnabled}
             >
               Save
             </Button>