liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add member-only public pages

Browse Source
This commit is contained in:
Spectralitree
2021-08-08 12:17:18 +02:00
parent 3fea63302d
commit 206236f5b9
3 changed files with 89 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/Pages/Public.js
View File

@@ -5,31 +5,55 @@ import { useForm } from "react-hook-form";
import history from "../History.js";
import { Switch, Route, useRouteMatch } from 'react-router-dom';
import Profile from '../Components/Public/Profile.js'
import MemberProfile from '../Pages/MemberProfile.js'
export default function Public () {
const { path, url } = useRouteMatch();
const { register, handleSubmit } = useForm();
const { register: registerSys, handleSubmit: handleSys } = useForm();
const submitID = (data) => {
const submitSysID = (data) => {
history.push(`${url}/${data.sysID}`);
}
const { register: registerMember, handleSubmit: handleMember } = useForm();
const submitMemberID = (data) => {
history.push(`${url}/m/${data.memberID}`);
}
return (
<Switch>
<Route exact path={path}>
<BS.Card>
<BS.Card className="mb-3">
<BS.Card.Header>
<BS.Card.Title><FaStar className="mr-3" />Profile</BS.Card.Title>
</BS.Card.Header>
<BS.Card.Body>
<BS.Form onSubmit={handleSubmit(submitID)}>
<BS.Form onSubmit={handleSys(submitSysID)}>
<BS.Form.Label>
Submit a system ID to view to that system's profile.
Submit a <b>system ID</b> to view to that system's profile.
</BS.Form.Label>
<BS.Form.Row>
<BS.Col className="mb-1" xs={12} lg={10}>
<BS.Form.Control name="sysID" {...register("sysID")} defaultValue="" />
<BS.Form.Control name="sysID" {...registerSys("sysID")} defaultValue="" placeholder="Enter system ID here..."/>
</BS.Col>
<BS.Col>
<BS.Button variant="primary" type="submit" block >Submit</BS.Button>
</BS.Col>
</BS.Form.Row>
</BS.Form>
</BS.Card.Body>
</BS.Card>
<BS.Card>
<BS.Card.Body>
<BS.Form onSubmit={handleMember(submitMemberID)}>
<BS.Form.Label>
Alternatively, submit a <b>member ID</b> to view that member.
</BS.Form.Label>
<BS.Form.Row>
<BS.Col className="mb-1" xs={12} lg={10}>
<BS.Form.Control name="memberID" {...registerMember("memberID")} defaultValue="" placeholder="Enter member ID here..." />
</BS.Col>
<BS.Col>
<BS.Button variant="primary" type="submit" block >Submit</BS.Button>
@@ -39,9 +63,12 @@ export default function Public () {
</BS.Card.Body>
</BS.Card>
</Route>
<Route path={`${path}/m/:memberID`}>
<MemberProfile />
</Route>
<Route path={`${path}/:sysID`}>
<Profile />
</Route>
</Route>
</Switch>
)
}