feat: add password change page & feature

front/app/_orgs/[orgslug]/settings/account/passwords/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+import { AuthContext } from '@components/Security/AuthProvider';
+import React, { useEffect } from 'react'
+import { Formik, Form, Field, ErrorMessage } from 'formik';
+import { updateProfile } from '@services/settings/profile';
+import { updatePassword } from '@services/settings/password';
+
+function SettingsProfilePasswordsPage() {
+
+    const auth: any = React.useContext(AuthContext);
+
+    const updatePasswordUI = async (values: any) => {
+        let user_id = auth.userInfo.user_object.user_id;
+        console.log(values);
+        await updatePassword(user_id, values)
+    }
+
+
+    return (
+        <div>
+
+            {auth.isAuthenticated && (
+                <div>
+                    <h1>Account Password</h1>
+                    <br /><br />
+
+                    <Formik
+                        initialValues={{ old_password: '', new_password: '' }}
+                        onSubmit={(values, { setSubmitting }) => {
+                            setTimeout(() => {
+                                alert(JSON.stringify(values, null, 2));
+                                setSubmitting(false);
+                                updatePasswordUI(values)
+                            }, 400);
+                        }}
+                    >
+                        {({ isSubmitting }) => (
+                            <Form>
+                                Old Password  <Field type="password" name="old_password" /><br />
+                                New password  <Field type="password" name="new_password" /><br />
+                                <button type="submit" disabled={isSubmitting}>
+                                    Submit
+                                </button>
+                            </Form>
+                        )}
+                    </Formik>
+                </div>
+            )}
+
+
+        </div>
+
+    )
+}
+
+export default SettingsProfilePasswordsPage

front/services/settings/password.ts

@@ -0,0 +1,15 @@
+import { getAPIUrl } from "@services/config";
+import { RequestBody } from "@services/utils/requests";
+
+/*
+ This file includes only POST, PUT, DELETE requests
+ GET requests are called from the frontend using SWR (https://swr.vercel.app/)
+*/
+
+export async function updatePassword(user_id : string, data: any) {
+  const result: any = await fetch(`${getAPIUrl()}users/password/user_id/` + user_id, RequestBody("PUT", data))
+    .then((result) => result.json())
+    .catch((error) => console.log("error", error));
+
+  return result;
+}