🪻 distributed transcription service
thistle.dunkirk.sh
feat: update the signup flow
+14
-3
+14
-3
src/components/auth.ts
+14
-3
src/components/auth.ts
···
130
130
box-sizing: border-box;
131
131
}
132
132
133
+
input::placeholder {
134
+
color: var(--secondary);
135
+
opacity: 1;
136
+
}
137
+
133
138
input:focus {
134
139
outline: none;
135
140
border-color: var(--primary);
···
328
333
329
334
if (!response.ok) {
330
335
const data = await response.json();
336
+
if (response.status === 401) {
337
+
this.needsRegistration = true;
338
+
this.error = "";
339
+
return;
340
+
}
331
341
this.error = data.error || "Login failed";
332
342
return;
333
343
}
···
424
434
this.needsRegistration
425
435
? html`
426
436
<p class="info-text">
427
-
That email isn't registered yet. Let's create an
428
-
account!
437
+
Looks like you might not have an account yet. Create one below!
429
438
</p>
430
439
`
431
440
: ""
···
433
442
434
443
<form @submit=${this.handleSubmit}>
435
444
<div class="form-group">
436
-
<label for="email">Email</label>
437
445
<input
438
446
type="email"
439
447
id="email"
448
+
placeholder="heidi@awesome.net"
440
449
.value=${this.email}
441
450
@input=${this.handleEmailInput}
442
451
required
···
452
461
<input
453
462
type="text"
454
463
id="name"
464
+
placeholder="Heidi VanCoolbeans"
455
465
.value=${this.name}
456
466
@input=${this.handleNameInput}
457
467
?disabled=${this.isSubmitting}
···
466
476
<input
467
477
type="password"
468
478
id="password"
479
+
placeholder="*************"
469
480
.value=${this.password}
470
481
@input=${this.handlePasswordInput}
471
482
required