aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2026-01-11 17:44:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

problem: email error not detected after valid input

Browse Source
This commit is contained in:
gsovereignty
2024-08-14 12:32:56 +08:00
parent 35d69a25da
commit 075c366a68
1 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/NotifyMe.svelte
View File

@@ -11,19 +11,17 @@
import Login from './Login.svelte';
import { NDKPrivateKeySigner, NDKUser } from '@nostr-dev-kit/ndk';
let email: string;
let email: string = '';
let fax: string = '';
$: emailInValid = true;
$: emailError = '';
$: emailError = 'Email is invalid';
const emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
$: if (email) {
if (!emailRegex.test(email)) {
emailInValid = true;
emailError = 'Email is invalid';
} else {
emailInValid = false;
emailError = '';
}
$: {
emailError = emailRegex.test(email) ? '' : 'Email is invalid';
}
$: {
emailInValid = emailRegex.test(email) ? false : true;
}
async function Subscribe() {
@@ -84,14 +82,15 @@
variant="nostr"
class="flex h-8 shrink-0 items-center justify-center rounded-sm"
>
Nostrocket is totally not ready yet but whatever
u r so early
</Badge>
</Dialog.Trigger>
<Dialog.Content>
<Dialog.Header>
<Dialog.Title>Subscribe for Updates</Dialog.Title>
<Dialog.Description>
Subscribe now and we'll ping you when there are new releases/features
Nostrocket is under active development, many things are broken. Subscribe now and we'll ping
you when there are new releases and new features.
</Dialog.Description>
<div class="flex flex-col gap-4 py-4">
{#if $currentUser}
@@ -101,18 +100,27 @@
{/if}
<Separator />
<span class="ml-auto mr-auto flex"
>If you don't use nostr, you can subscribe to updates with an email address instead</span
>If you don't use nostr, that's SAD! Whatever, I guess we can fax you or email you or
something</span
>
<div class="grid grid-cols-4 items-center gap-4">
<Label for="email" class="text-right">Email</Label>
<Input bind:value={email} id="email" placeholder="Your email" class="col-span-3" />
</div>
{#if emailError}
<!-- {#if emailError}
<div class="ml-4 p-0 text-sm text-red-500">{emailError}</div>
{/if} -->
<div class="grid grid-cols-4 items-center gap-4">
<Label for="fax" class="text-right">Fax number</Label>
<Input bind:value={fax} id="email" placeholder="Your fax number" class="col-span-3" />
</div>
{#if fax.length > 0}
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" allow="autoplay"
></iframe>
{/if}
</div>
<Button disabled={emailInValid} on:click={SubmitEmailAndSubscribe}
>Please email me with updates</Button
>{emailError ? emailError : "I'm lame, please email me with updates"}</Button
>
</Dialog.Header>
</Dialog.Content>