Merge pull request #10 from sayoungestguy/origin/develop/weijie/Email…

…Service

integrated with dev branch n tested email services

src/main/resources/.h2.server.properties

@@ -1,4 +1,5 @@
 #H2 Server Properties
+#Sat Sep 07 22:31:28 SGT 2024
 0=JHipster H2 (Disk)|org.h2.Driver|jdbc\:h2\:file\:./target/h2db/db/scaleup|scaleup
 webAllowOthers=true
 webPort=8092

src/main/webapp/app/modules/account/password-reset/finish/password-reset-finish.tsx

@@ -58,7 +58,7 @@ export const PasswordResetFinishPage = () => {
           data-cy="confirmResetPassword"
         />
         <Button color="success" type="submit" data-cy="submit">
-          Validate new password
+          Update to new password
         </Button>
       </ValidatedForm>
     );

src/main/webapp/app/modules/account/password-reset/password-reset.reducer.ts

@@ -47,12 +47,17 @@ export const PasswordResetSlice = createSlice({
       .addCase(handlePasswordResetFinish.fulfilled, () => ({
         ...initialState,
         loading: false,
+        //password reset state set to success
         resetPasswordSuccess: true,
-        successMessage: "Your password couldn't be reset. Remember a password request is only valid for 24 hours.",
+        //successMessage: "Your password couldn't be reset. Remember a password request is only valid for 24 hours.",
+        //scrape 24h thinggy? since cant demo
+        successMessage: 'Your password reset have been completed successfully',
       }))
       .addMatcher(isPending(handlePasswordResetInit, handlePasswordResetFinish), state => {
         state.loading = true;
       })
+      //A matcher function to handle actions that have been rejected
+      //resets the state to initialState, sets loading to false, and marks the operation as failed with a relevant flag (resetPasswordFailure)
       .addMatcher(isRejected(handlePasswordResetInit, handlePasswordResetFinish), () => ({
         ...initialState,
         loading: false,

src/main/webapp/app/modules/login/logout.tsx

@@ -1,20 +1,50 @@
-import React, { useLayoutEffect } from 'react';
+import React, { useLayoutEffect, useState, useEffect } from 'react';
 
 import { useAppDispatch, useAppSelector } from 'app/config/store';
 import { logout } from 'app/shared/reducers/authentication';
 
+// export const Logout = () => {
+//   const authentication = useAppSelector(state => state.authentication);
+//   const dispatch = useAppDispatch();
+
+//   useLayoutEffect(() => {
+//     dispatch(logout());
+//     if (authentication.logoutUrl) {
+//       window.location.href = authentication.logoutUrl;
+//     } else if (!authentication.isAuthenticated) {
+//       window.location.href = '/';
+//     }
+//   });
+
+//   return (
+//     <div className="p-5">
+//       <h4>Logged out successfully!</h4>
+//     </div>
+//   );
+// };
+
 export const Logout = () => {
+  const [isRedirecting, setIsRedirecting] = useState(false);
   const authentication = useAppSelector(state => state.authentication);
   const dispatch = useAppDispatch();
 
-  useLayoutEffect(() => {
-    dispatch(logout());
-    if (authentication.logoutUrl) {
-      window.location.href = authentication.logoutUrl;
-    } else if (!authentication.isAuthenticated) {
-      window.location.href = '/';
-    }
-  });
+  useEffect(() => {
+    const performLogout = async () => {
+      dispatch(logout());
+      setIsRedirecting(true); // Set flag to indicate redirection in progress
+
+      // Introduce a delay to handle the error boundary clean-up
+      await new Promise(resolve => setTimeout(resolve, 100)); // Adjust delay as needed
+
+      if (authentication.logoutUrl) {
+        window.location.href = authentication.logoutUrl;
+      } else if (!authentication.isAuthenticated) {
+        window.location.href = '/';
+      }
+    };
+
+    performLogout();
+  }, [dispatch, authentication]);
 
   return (
     <div className="p-5">

src/main/webapp/app/shared/layout/footer/footer.tsx

@@ -1,17 +1,15 @@
 import './footer.scss';
-
 import React from 'react';
-
 import { Col, Row } from 'reactstrap';
 
 const Footer = () => (
-  <div className="footer page-content">
+  <footer className="footer">
     <Row>
-      <Col md="12">
-        <p>This is your footer</p>
+      <Col md="12" className="text-center">
+        <p>&copy; {new Date().getFullYear()} Scaleup. All rights reserved.</p>
       </Col>
     </Row>
-  </div>
+  </footer>
 );
 
 export default Footer;