33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import { FunctionComponent } from "react";
|
|
import { Link } from "react-router-dom";
|
|
import AutomodIcon from '../favicon.svg';
|
|
|
|
const Home: FunctionComponent = () => {
|
|
return (
|
|
<div style={{ marginLeft: '12px' }}>
|
|
<div style={{ display: 'flex', padding: '16px 0' }}>
|
|
<img src={AutomodIcon} style={{ height: '40px' }} />
|
|
<h1 style={{ color: 'var(--foreground)', margin: '0', paddingLeft: '8px' }}>Automod Web UI</h1>
|
|
</div>
|
|
|
|
<span style={{ color: 'var(--foreground)' }}>
|
|
This is a <b>work-in-progress</b> Web UI for the Automod Revolt bot.
|
|
<br />
|
|
<Link to='/dashboard'>
|
|
Open the dashboard
|
|
</Link> or <a href="https://app.revolt.chat/bot/01FHGJ3NPP7XANQQH8C2BE44ZY" target='_blank'>
|
|
add the bot to your server.
|
|
</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>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Home;
|