From 3046e413cd77b90694d16f84577479af08706aee Mon Sep 17 00:00:00 2001
From: Bawbby <bawbby@protonmail.com>
Date: Mon, 30 Aug 2021 17:11:04 -0400
Subject: [PATCH] Clean up invalid invite page.

- Make it look like a valid invite page.
- Add arrow to go back to home.
---
 src/pages/invite/Invite.tsx | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/pages/invite/Invite.tsx b/src/pages/invite/Invite.tsx
index fb4abb9d..63380d9a 100644
--- a/src/pages/invite/Invite.tsx
+++ b/src/pages/invite/Invite.tsx
@@ -54,7 +54,29 @@ export default function Invite() {
             <div className={styles.preloader}>
                 <RequiresOnline>
                     {error ? (
-                        <Overline type="error" error={error} />
+                        <div
+                            className={styles.invite}
+                            style={{
+                                backgroundImage: `url('https://autumn.revolt.chat/banners/yMurJiXf45VJpbal0X2zQkm4vaXsXGaRtoPUIcvPcH')`,
+                                width: "100%",
+                                height: "100%",
+                            }}>
+                            <div className={styles.details}>
+                                <h1>Invalid invite!</h1>
+                                <h2>
+                                    The invite may not exist or you don't have
+                                    permission to join.
+                                </h2>
+                                <div style="cursor: pointer;">
+                                    <Button contrast>
+                                        <ArrowBack
+                                            size={32}
+                                            onClick={() => history.push("/")}
+                                        />
+                                    </Button>
+                                </div>
+                            </div>
+                        </div>
                     ) : (
                         <Preloader type="spinner" />
                     )}