Clean up invalid invite page.

- Make it look like a valid invite page.
- Add arrow to go back to home.
This commit is contained in:
Bawbby 2021-08-30 17:11:04 -04:00
parent d368820aeb
commit 3046e413cd
No known key found for this signature in database
GPG key ID: A5738ABA5AB89FD6

View file

@ -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" />
)}