Add address and minor fields to member in API and client

webclient/src/Home.js

@@ -4,64 +4,7 @@ import './light.css';
 import { Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react';
 import { BasicTable, staticUrl, requester } from './utils.js';
 import { LoginForm, SignupForm } from './LoginSignup.js';
-
-function SignupDetailsForm(props) {
-	const member = props.user.member;
-	const [input, setInput] = useState({ ...member, set_details: true });
-	const [error, setError] = useState({});
-	const [loading, setLoading] = useState(false);
-
-	const handleValues = (e, v) => setInput({ ...input, [v.name]: v.value });
-	const handleChange = (e) => handleValues(e, e.currentTarget);
-
-	const handleSubmit = (e) => {
-		setLoading(true);
-		requester('/members/' + member.id + '/', 'PATCH', props.token, input)
-		.then(res => {
-			console.log(res);
-			setError({});
-			props.setUserCache({...props.user, member: res});
-		})
-		.catch(err => {
-			setLoading(false);
-			console.log(err);
-			setError(err.data);
-		});
-	};
-
-	const makeProps = (name) => ({
-		name: name,
-		onChange: handleChange,
-		value: input[name],
-		error: error[name],
-	});
-
-	return (
-		<Form onSubmit={handleSubmit}>
-			<Header size='medium'>Enter Member Details</Header>
-			<Form.Input
-				label='Preferred First Name'
-				{...makeProps('preferred_name')}
-			/>
-			<Form.Input
-				label='Phone Number (999) 555-1234'
-				{...makeProps('phone')}
-			/>
-			<Form.Input
-				label='Emergency Contact Name'
-				{...makeProps('emergency_contact_name')}
-			/>
-			<Form.Input
-				label='Emergency Contact Phone'
-				{...makeProps('emergency_contact_phone')}
-			/>
-
-			<Form.Button loading={loading} error={error.non_field_errors}>
-				Submit
-			</Form.Button>
-		</Form>
-	);
-};
+import { AccountForm } from './Account.js';
 
 function MemberInfo(props) {
 	const user = props.user;
@@ -162,7 +105,7 @@ export function Home(props) {
 						user.member.set_details ?
 							<MemberInfo user={user} />
 						:
-							<SignupDetailsForm token={token} user={user} setUserCache={setUserCache} />
+							<AccountForm token={token} user={user} setUserCache={setUserCache} />
 					:
 						<div>
 							<LoginForm setTokenCache={setTokenCache} />