From 9f70746b5b150c6e1678f1ca81a255e0f7b13d6e Mon Sep 17 00:00:00 2001
From: Sophie L <beartechtalks@gmail.com>
Date: Tue, 3 May 2022 20:14:20 +0000
Subject: [PATCH] feat: more links + styling tweaks

---
 web/src/pages/DashboardHome.tsx | 6 +++---
 web/src/pages/Home.tsx          | 9 ++++++++-
 web/src/pages/Login.tsx         | 4 ++--
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/DashboardHome.tsx b/web/src/pages/DashboardHome.tsx
index 3f3d952..692a3e2 100644
--- a/web/src/pages/DashboardHome.tsx
+++ b/web/src/pages/DashboardHome.tsx
@@ -37,10 +37,10 @@ const Dashboard: FunctionComponent = () => {
     useEffect(() => { loadServers() }, []);
 
     return (
-        <div>
-            <H1>dashbord</H1>
+        <div style={{ marginLeft: '12px', padding: '16px 0' }}>
+            <H1>Dashboard</H1>
             <br/>
-            <p hidden={!loading}>loading</p>
+            <p hidden={!loading}>Loading...</p>
             {
                 servers.map(server => <div className="server-card" style={{ paddingTop: '10px' }} key={server.id}>
                     <img
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 36c558c..771f8e3 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -14,10 +14,17 @@ const Home: FunctionComponent = () => {
                 This is a <b>work-in-progress</b> Web UI for the Automod Revolt bot.
                 <br />
                 <Link to='/dashboard'>
-                    Open 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>
     );
diff --git a/web/src/pages/Login.tsx b/web/src/pages/Login.tsx
index 2828d2d..eaad58f 100644
--- a/web/src/pages/Login.tsx
+++ b/web/src/pages/Login.tsx
@@ -48,8 +48,8 @@ const Login: FunctionComponent = () => {
     }, [ nonce, code, username ]);
 
     return (
-        <div>
-            <H1>log in</H1>
+        <div style={{ marginLeft: '12px', padding: '16px 0' }}>
+            <H1>Log in</H1>
             {statusMsg.length ? <a>{statusMsg}</a> : <br/>}
             <div hidden={!showInitial}>
                 <InputBox