add individual member pages

This commit is contained in:
Spectralitree
2021-01-06 00:05:23 +01:00
parent 1669946582
commit 3c82738025
12 changed files with 644 additions and 24 deletions

View File

@@ -1,4 +1,5 @@
import React, { useEffect, useState } from 'react';
import { useRouteMatch } from 'react-router-dom';
import { useParams } from 'react-router-dom';
import * as BS from 'react-bootstrap';
import Popup from 'reactjs-popup';
@@ -12,6 +13,8 @@ import ProfileList from "./ProfileList.js";
export default function Profile () {
const match = useRouteMatch("/pk-webs/profile/:sysID/:memberID");
const { sysID } = useParams();
const [ system, setSystem ] = useState('');
const [ name, setName ] = useState('');
@@ -63,8 +66,8 @@ export default function Profile () {
} else setDesc("(no description)");
}, [system.description, system.tag, system.avatar_url, system.tz, system.name]);
return (<>{ isLoading ? <Loading /> : isError ? <BS.Alert variant="danger">Something went wrong, either the system doesn't exist, or there was an error fetching data.</BS.Alert> :
return (match ? <ProfileList sysID={sysID} /> :
<>{ isLoading ? <Loading /> : isError ? <BS.Alert variant="danger">Something went wrong, either the system doesn't exist, or there was an error fetching data.</BS.Alert> :
<><BS.Alert variant="primary" >You are currently <b>viewing</b> a system.</BS.Alert>
<BS.Card className="mb-3 mt-3 w-100" >
<BS.Card.Header className="d-flex align-items-center justify-content-between">