display toast upon update

SHni99 · Jul 13, 2022 · cfab63d · cfab63d
1 parent b405b87
commit cfab63d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/Routes.js b/src/Routes.js
@@ -85,7 +85,7 @@ const AnimatedRoutes = ({
       <Route path="/create-listing" element={<CreateListingPage />} />
       <Route path="/passwordpage" element={<PasswordPage />} />
       <Route path="/resetpage" element={<ResetPage />} />
-      <Route path="/loginmainpage" element={<LoginMainPage />} />
+      <Route path="/loginmainpage" element={<LoginMainPage showSimpleToast={showSimpleToast}/>} />
       <Route path="/formpage" element={<ReviewForm />} />
       <Route
         path="/profile"

diff --git a/src/pages/ProfilePage/profile.js b/src/pages/ProfilePage/profile.js
@@ -326,7 +326,7 @@ const ProfilePageBody = ({
                 )}
 
                 {show.email ? (
-                  <div className="mb-3">
+                  <div className="my-3">
                     <label className="poppins-normal-black-24px">Email:</label>
                     <div className="text ">{profileData.email}</div>
                   </div>

diff --git a/src/pages/UpdateProfilePage/updateProfile.js b/src/pages/UpdateProfilePage/updateProfile.js
@@ -10,9 +10,9 @@ import Button from "react-bootstrap/Button";
 import Form from "react-bootstrap/Form";
 
 //retrieve session from loginmain page and call getProfile method if session is read
-const UpdateProfilePage = ({ session }) => {
+const UpdateProfilePage = ({ session, showSimpleToast }) => {
   const { authData } = useContext(AuthContext);
-  const { username, gender, preferences, bio, avatar_url} = authData;
+  const { username, gender, preferences, bio, avatar_url } = authData;
   const navigate = useNavigate();
   const [loading, setLoading] = useState(false);
   const [genderOption, setGender] = useState(gender);
@@ -59,6 +59,8 @@ const UpdateProfilePage = ({ session }) => {
       });
 
       if (error) throw error;
+      showSimpleToast("Updated", "You have successfully updated!", 2000);
+      navigate("/listingspage");
     } catch (error) {
       alert(error.message);
     } finally {
@@ -236,8 +238,6 @@ const ProfilePageBody = (props) => {
                     }}
                     onClick={() => {
                       updateProfile();
-                      alert("updated");
-                      navigate("/listingspage");
                     }}
                   >
                     <strong>{loading ? "Updating" : "Update"}</strong>

diff --git a/src/pages/loginMainPage/loginMain.js b/src/pages/loginMainPage/loginMain.js
@@ -3,7 +3,7 @@ import { supabaseClient } from "../../config/supabase-client";
 import Login from "pages/LoginPage/login";
 import Profile from "pages/UpdateProfilePage/updateProfile";
 
-export default function LoginMainPage() {
+export default function LoginMainPage({ showSimpleToast }) {
   //value pass into setSession will update session
   const [session, setSession] = useState(null);
 
@@ -22,7 +22,7 @@ export default function LoginMainPage() {
       {!session ? (
         <Login />
       ) : (
-        <Profile key={session.user.id} session={session} />
+        <Profile key={session.user.id} session={session} showSimpleToast={showSimpleToast}/>
       )}
     </div>
   );