feat: more links + styling tweaks

This commit is contained in:
Sophie L 2022-05-03 20:14:20 +00:00 committed by GitHub
parent ecef27f1e6
commit 9f70746b5b
3 changed files with 13 additions and 6 deletions

View file

@ -37,10 +37,10 @@ const Dashboard: FunctionComponent = () => {
useEffect(() => { loadServers() }, []); useEffect(() => { loadServers() }, []);
return ( return (
<div> <div style={{ marginLeft: '12px', padding: '16px 0' }}>
<H1>dashbord</H1> <H1>Dashboard</H1>
<br/> <br/>
<p hidden={!loading}>loading</p> <p hidden={!loading}>Loading...</p>
{ {
servers.map(server => <div className="server-card" style={{ paddingTop: '10px' }} key={server.id}> servers.map(server => <div className="server-card" style={{ paddingTop: '10px' }} key={server.id}>
<img <img

View file

@ -14,10 +14,17 @@ const Home: FunctionComponent = () => {
This is a <b>work-in-progress</b> Web UI for the Automod Revolt bot. This is a <b>work-in-progress</b> Web UI for the Automod Revolt bot.
<br /> <br />
<Link to='/dashboard'> <Link to='/dashboard'>
Open Dashboard Open the dashboard
</Link> or <a href="https://app.revolt.chat/bot/01FHGJ3NPP7XANQQH8C2BE44ZY" target='_blank'> </Link> or <a href="https://app.revolt.chat/bot/01FHGJ3NPP7XANQQH8C2BE44ZY" target='_blank'>
add the bot to your server. add the bot to your server.
</a> </a>
<br />
<br />
You can also view usage stats and metrics for the bot <a href="https://grafana.janderedev.xyz/d/lC_-g_-nz/automod" target='_blank'>
here
</a>, or check out <a href="https://github.com/janderedev/automod" target='_blank'>
its GitHub repository.
</a>
</span> </span>
</div> </div>
); );

View file

@ -48,8 +48,8 @@ const Login: FunctionComponent = () => {
}, [ nonce, code, username ]); }, [ nonce, code, username ]);
return ( return (
<div> <div style={{ marginLeft: '12px', padding: '16px 0' }}>
<H1>log in</H1> <H1>Log in</H1>
{statusMsg.length ? <a>{statusMsg}</a> : <br/>} {statusMsg.length ? <a>{statusMsg}</a> : <br/>}
<div hidden={!showInitial}> <div hidden={!showInitial}>
<InputBox <InputBox