Add toast alert for error

ita-social-projects · Oct 28, 2023 · fe1beef · fe1beef
1 parent 2538568
commit fe1beef
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/FrontEnd/package-lock.json b/FrontEnd/package-lock.json
diff --git a/FrontEnd/package.json b/FrontEnd/package.json
@@ -20,6 +20,7 @@
     "react-router-dom": "^6.4.1",
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "5.0.1",
+    "react-toastify": "^9.1.3",
     "swr": "^2.2.2",
     "validator": "^13.11.0",
     "web-vitals": "^2.1.4"

diff --git a/FrontEnd/src/components/SignUp/components/signup/signup-form/ResendActivationFormContent.js b/FrontEnd/src/components/SignUp/components/signup/signup-form/ResendActivationFormContent.js
@@ -1,7 +1,8 @@
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { useNavigate } from 'react-router-dom';
-
+import { toast, ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 import axios from 'axios';
 import styles from './ResendActivationFormContent.module.css';
 
@@ -44,7 +45,9 @@ export function ResendActivationFormContentComponent({ setIsValid }) {
         setIsValid(true);
         navigate('/login');
       })
-      .catch((error) => console.log(error));
+      .catch(() => {
+        toast.error('Activation failed. Please try again.');
+      });
   };
 
   return (
@@ -88,6 +91,11 @@ export function ResendActivationFormContentComponent({ setIsValid }) {
           </div>
         </div>
       </form>
+      <ToastContainer position="top-right" autoClose={3000} />
     </div>
   );
 }
+
+ResendActivationFormContentComponent.propTypes = {
+  setIsValid: PropTypes.func.isRequired,
+};