Updated pages

src/pages/MainPage/Main.tsx

@@ -58,6 +58,8 @@ export default () => {
   const [configNewEncPassword, setConfigNewEncPassword] = createSignal('')
   const [configError, setConfigError] = createSignal('')
 
+  const [configNotification, setConfigNotification] = createSignal(false)
+
   let bldgadditional = false
 
   const getListForApproval = async () => {
@@ -322,8 +324,14 @@ export default () => {
   const checkCurrentPassword = async () => {
     const encCurrentPassword = await securePassword(configPassword())
     if (encCurrentPassword === configEncPassword()) {
-      setConfigError('')
-      encryptNewPassword()
+      if (configNewPassword() === '') {
+        setConfigError('New Password not provided')
+        setConfigNewEncPassword('')
+      } else {
+        setConfigError('')
+        encryptNewPassword()
+      }
+
     } else {
       setConfigError('Invalid Password')
       setConfigNewEncPassword('')
@@ -335,7 +343,26 @@ export default () => {
     setConfigNewEncPassword(encNewPassword)
   }
 
-  const saveConfig = () => {}
+  const saveConfig = async () => {
+    if (configNewName() !== '') await saveNewName(configNewName())
+    if (configNewPassword() !== '') await saveNewPassword(configNewEncPassword())
+
+    setConfigNotification(true)
+  }
+
+  const saveNewName = async (name: string) => {
+    await postApi('update-name', {
+      data: parseInt(ID),
+      data2: name
+    })
+  }
+
+  const saveNewPassword = async (password: string) => {
+    await postApi('update-password', {
+      data: parseInt(ID),
+      data2: password
+    })
+  }
 
   const logout = async () => {
     removeEmployee()
@@ -359,7 +386,9 @@ export default () => {
       checkCurrentPassword()
     }
 
-    if (configNewEncPassword() !== '') {
+    if (configNewPassword() !== '') {
+      encryptNewPassword()
+    } else {
       encryptNewPassword()
     }
   })
@@ -742,17 +771,40 @@ export default () => {
 
             <Show when={configError() !== ''}>
               <span class="required">{configError()}</span>
+              <Button label='Cancel' edges='curved' design='bo-danger' onClick={() => setOpenConfig(false)} wide />
             </Show>
 
-            <Show when={configError() === '' && configNewPassword() !== ''}>
-              <div class='config__button'>
+            <div class='config__button'>
+              <Show when={configError() === ''}>
                 <Button label='Confirm' edges='curved' design='bo-primary' onClick={saveConfig} wide />
                 <Button label='Cancel' edges='curved' design='bo-danger' onClick={() => setOpenConfig(false)} wide />
-              </div>
-            </Show>
+              </Show>
+            </div>
           </section>
         </Padding>
-      </Modal>
+      </Modal >
+
+      <div onClick={setConfigNotification(false)}>
+        <Modal trigger={configNotification() === true} background="#123220ff" color="#cdfbe1f0" opacity={0.8}>
+          <Padding top={1} bottom={1} left={4} right={4}>
+            <Column>
+              <Row gap={4}>
+                <FaSolidThumbsUp size={75} />
+                <Box curved thickness={3} color="#cdfbe1f0" padding="1rem">
+                  <span class="approval">Approved</span>
+                </Box>
+              </Row>
+              <Row padding="2rem 0 0 0">
+                <h2>{approvedApplication()}</h2>
+              </Row>
+
+              <Row>
+                <span class="close-text">Click anywhere to proceed</span>
+              </Row>
+            </Column>
+          </Padding>
+        </Modal >
+      </div>
     </>
   )
 }