mercuryworkshop-mirror/adrift
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/adrift.git synced 2025-05-13 06:10:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

sexy interstitial

Browse source
This commit is contained in:
CoolElectronics 2023-08-15 21:20:48 -04:00
parent ee8ae5a3f8
commit 9549b9abaa
No known key found for this signature in database
GPG key ID: F63593D168636C50
1 changed files with 24 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/App.svelte
View file

@ -60,13 +60,17 @@
onTransportOpen, onTransportOpen,
onTransportClose, onTransportClose,
() => { () => {
connectionState = `Connection ${transport.peer.connectionState}`; connectionState = `Connection ${transport.peer.connectionState}...`;
}, },
() => { () => {
connectionState = `Signaling ${transport.peer.connectionState}`; connectionState = `Signaling ${transport.peer.connectionState}...`;
}, },
() => { () => {
connectionState = `Gathering ${transport.peer.connectionState}`; if (transport.peer.connectionState == "new") {
connectionState = `Creating an offer...`;
} else {
connectionState = `Gathering ${transport.peer.connectionState}...`;
}
} }
); );
return transport; return transport;
@ -181,10 +185,23 @@
{#if state == ReadyState.Connected} {#if state == ReadyState.Connected}
<Proxy /> <Proxy />
{:else if state == ReadyState.Connecting} {:else if state == ReadyState.Connecting}
<div class="h-full w-full flex justify-center items-center">
<Card type="outlined">
<div class="flex items-center p-2">
<CircularProgressIndeterminate /> <CircularProgressIndeterminate />
<h2> <div class="p-5" />
<h2 class="text-xl">
{connectionState} {connectionState}
</h2> </h2>
</div>
<br />
<p class="text-sm opacity-70">
Adrift is routing you to a server available to take your requests.<br
/>The initial connection may take several minutes depending on server
load
</p>
</Card>
</div>
{:else if !import.meta.env.VITE_ADRIFT_DEV} {:else if !import.meta.env.VITE_ADRIFT_DEV}
<div id="loginpage"> <div id="loginpage">
<div class="bigcard"> <div class="bigcard">