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 { 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.
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