feat: more links + styling tweaks
This commit is contained in:
parent
ecef27f1e6
commit
9f70746b5b
3 changed files with 13 additions and 6 deletions
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue