moth11.net
frontend for xcvr appview
added some default stuff
+18
-2
src/routes/c/[handle]/[rkey]/+page.svelte
+18
-2
src/routes/c/[handle]/[rkey]/+page.svelte
···
40
40
<main id="transceiver">
41
41
{#if !ctx?.connected}
42
42
<div>
43
-
loading... probably something went wrong if you can read me, maybe
44
-
refresh?
43
+
connecting... <span class="error-message"
44
+
>probably something went wrong if you can read me, maybe refresh?</span
45
+
>
45
46
</div>
46
47
{/if}
47
48
{#if ctx}
49
+
{#if ctx.messages.length === 0 && ctx.connected}
50
+
<div>connecting...</div>
51
+
<div>and you're connected.</div>
52
+
<div>messages will go here, start typing down below</div>
53
+
{/if}
48
54
<Receiever
49
55
messages={ctx.messages}
50
56
mylocaltext={ctx.curMsg}
···
148
154
}
149
155
h3 {
150
156
font-size: 1.5rem;
157
+
margin: 0;
158
+
}
159
+
.error-message {
160
+
opacity: 0;
161
+
animation: fadeIn 0.1s ease-in-out 1s forwards;
162
+
}
163
+
@keyframes fadeIn {
164
+
to {
165
+
opacity: 1;
166
+
}
151
167
}
152
168
153
169
#transceiver {