import React, { useState, useEffect } from 'react'; import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom'; 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({ preferred_name: member.preferred_name, phone: member.phone, emergency_contact_name: member.emergency_contact_name, emergency_contact_phone: member.emergency_contact_phone, 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); }); }; return (
Welcome to the Protospace member portal! Here you can view member info, join classes, and manage your membership.
Next member meeting: Jan 01, 2099
Next monthly clean: Jan 01, 2099
Current member count: 200
Due members: 20
Expired members: 100
Bay 108 temperature: 21 C
Bay 110 temperature: 22 C