email change tab

thewca · Jan 22, 2025 · dd87ab9 · dd87ab9
1 parent 46a6fd9
commit dd87ab9
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/app/webpacker/components/Persons/Edit/EmailChangeTab.jsx b/app/webpacker/components/Persons/Edit/EmailChangeTab.jsx
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import { Form, Modal } from 'semantic-ui-react';
 import useInputState from '../../../lib/hooks/useInputState';
 import I18nHTMLTranslate from '../../I18nHTMLTranslate';
+import { updateUserUrl } from '../../../lib/requests/routes.js.erb';
 
 export default function EmailChangeTab({ user, recentlyAuthenticated }) {
   const [email, setEmail] = useInputState(user.email);
@@ -18,14 +19,14 @@ export default function EmailChangeTab({ user, recentlyAuthenticated }) {
   }
 
   return (
-    <Form>
+    <Form method="POST" action={updateUserUrl(user.id)}>
       <input type="hidden" name="_method" value="patch" />
       <input type="hidden" name="authenticity_token" value={document.querySelector('meta[name=csrf-token]').content} />
       <Form.Field>
-        <Form.Input value={email} onChange={setEmail} label="Email" />
+        <Form.Input name="user[email]" value={email} onChange={setEmail} label="Email" />
         <I18nHTMLTranslate i18nKey="users.edit.confirm_new_email" />
       </Form.Field>
-      <Form.Button>Save</Form.Button>
+      <Form.Button type="submit">Save</Form.Button>
     </Form>
   );
 }