Remove login on closed beta if user registered

src/elements/pages/dev-dash.ts

@@ -9,6 +9,7 @@ import { isDeveloper } from '../../utils/identity';
 import routes from '../../routes';
 import UIRouter from '../root/ui-router';
 import UIRoot from '../root/ui-root';
+import clsx from 'clsx';
 @customElement('dev-dash')
 export default class DeveloperDash extends LitElement {
 	static styles = cssify(styles);
@@ -56,7 +57,10 @@ export default class DeveloperDash extends LitElement {
 					</div>
 				`,
 				() => html`
-					<div class="absolute text-center top-1/2 left-1/2 -translate-x-1/2 translate-y-1/2 pt-12">
+					<div class=${clsx(
+							global.currentIdentity.isRegistered ? "absolute text-center top-1/2 left-1/2 -translate-x-1/2 translate-y-1/2 pt-36" : '',
+							(!global.currentIdentity.isRegistered) ? "absolute text-center top-1/2 left-1/2 -translate-x-1/2 translate-y-1/2 pt-20" : ''
+						)}>
 						<h1 class="text-3xl pb-2">Private Beta</h1>
 						<h2 class="text-lg pb-4">
 							Rivet is still in private beta. Join the waitlist to get early access.
@@ -66,13 +70,16 @@ export default class DeveloperDash extends LitElement {
 								Beta Access Form
 							</stylized-button>
 						</div>
-						<div class="w-3/4 border-b-white/10 border-b-[1px] h-px mx-auto"></div>
-						<h2 class="text-md pt-5 pb-3">Have access and just got logged out?</h2>
-						<div class="w-full flex flex-row place-content-center m-auto pb-5">
-							<stylized-button .trigger=${() => UIRoot.shared.openRegisterPanel()}>
-								Login
-							</stylized-button>
-						</div>
+						${when(!global.currentIdentity.isRegistered, () => html`
+								<div class="w-3/4 border-b-white/10 border-b-[1px] h-px mx-auto"></div>
+									<h2 class="text-md pt-5 pb-3">Have access and just got logged out?</h2>
+										<div class="w-full flex flex-row place-content-center m-auto pb-5">
+										<stylized-button .trigger=${() => UIRoot.shared.openRegisterPanel()}>
+											Login
+										</stylized-button>
+								</div>
+							`)
+						}
 					</div>
 				`
 			)}