Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 1 | import React from 'react' |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame] | 2 | import Header from '../components/Header' |
| 3 | import AccountPreferences from '../components/AccountPreferences' |
Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 4 | import Container from '@mui/material/Container' |
| 5 | import CircularProgress from '@mui/material/CircularProgress' |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame] | 6 | import authManager from '../AuthManager' |
| 7 | import Account from '../../../model/Account' |
| 8 | |
| 9 | const ServerOverview = (props) => { |
| 10 | |
Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 11 | this.accountId = props.accountId || props.match.params.accountId |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame] | 12 | |
Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 13 | useEffect(() => { |
| 14 | const controller = new AbortController() |
| 15 | authManager.fetch(`/api/serverConfig`, {signal: controller.signal}) |
| 16 | .then(res => res.json()) |
| 17 | .then(result => { |
| 18 | console.log(result) |
| 19 | setState({loaded: true, account: Account.from(result)}) |
| 20 | }).catch(e => console.log(e)) |
| 21 | return () => controller.abort() |
| 22 | }, [accountId]) |
| 23 | |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame] | 24 | return ( |
| 25 | <Container maxWidth="sm" className="app" > |
| 26 | <Header /> |
| 27 | {this.state.loaded ? <AccountPreferences account={this.state.account} /> : <CircularProgress />} |
| 28 | </Container> |
| 29 | ) |
| 30 | } |
| 31 | |
Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 32 | export default ServerOverview |