import React, { useState, useEffect } from 'react'; import { BrowserRouter as Router, Switch, Route, Link, useParams } from 'react-router-dom'; import moment from 'moment'; import './light.css'; import { Container, Divider, Dropdown, Form, Grid, Header, Icon, Image, Menu, Message, Segment, Table } from 'semantic-ui-react'; import { statusColor, BasicTable, staticUrl, requester } from './utils.js'; import { LoginForm, SignupForm } from './LoginSignup.js'; import { AccountForm } from './Account.js'; function MemberInfo(props) { const user = props.user; const member = user.member; const lastTrans = user.transactions && user.transactions.slice(0,3); const lastCard = user.cards && user.cards.sort((a, b) => a.last_seen_at < b.last_seen_at)[0]; return (
Click here to view your appliction forms.
Visit the account settings page to set one.
Press submit at the bottom if everything's correct.
Welcome to the Protospace member portal! Here you can view member info, join classes, and manage your membership.
Next member meeting: {getDateStat('next_meeting')}
Next monthly clean: {getDateStat('next_clean')}
Member count: {getStat('member_count')}
Green members: {getStat('green_count')}
Old members: {getStat('paused_count')}
Bay 108 temperature: {getStat('bay_108_temp')} °C
Bay 110 temperature: {getStat('bay_110_temp')} °C