From 6fa7a0b3b82ec1027ef087b2daf084df37a42cd7 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Sat, 17 Aug 2024 20:26:06 +0800
Subject: [PATCH] problem: people might not see the DM option

---
 src/components/Menu.svelte     |  2 ++
 src/components/NotifyMe.svelte | 30 +++++++++++++++++++++---------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 3314c18..82a2f96 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -15,6 +15,7 @@
 		Users
 	} from 'lucide-svelte';
 	import { GitAltBrand, TelegramBrand } from 'svelte-awesome-icons';
+	import NotifyMe from './NotifyMe.svelte';
 
 	let iconClass = 'h-5 w-5 md:h-4 md:w-4';
 
@@ -62,6 +63,7 @@
 	<TelegramBrand class={iconClass} />
 	Telegram Group
 </a>
+<NotifyMe menu />
 <a href="{base}/help" class={getClass('help')}>
 	<HelpCircle class={iconClass} />
 	Help
diff --git a/src/components/NotifyMe.svelte b/src/components/NotifyMe.svelte
index 54010c8..7ed9735 100644
--- a/src/components/NotifyMe.svelte
+++ b/src/components/NotifyMe.svelte
@@ -11,6 +11,9 @@
 	import Login from './Login.svelte';
 	import { NDKPrivateKeySigner, NDKUser } from '@nostr-dev-kit/ndk';
 	import { TelegramBrand } from 'svelte-awesome-icons';
+	import { RefreshCcw } from 'lucide-svelte';
+
+	export let menu = false;
 
 	let email: string = '';
 	let fax: string = '';
@@ -78,17 +81,27 @@
 
 <Dialog.Root bind:open>
 	<Dialog.Trigger>
-		<Badge
-			href="#"
-			variant="nostr"
-			class="flex h-8 shrink-0 items-center justify-center rounded-sm"
-		>
-			u r so early
-		</Badge>
+		{#if !menu}
+			<Badge
+				href="#"
+				variant="nostr"
+				class="flex h-8 shrink-0 items-center justify-center rounded-sm"
+			>
+				u r so early
+			</Badge>
+		{:else}
+			<a
+				href="#"
+				class="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
+			>
+				<RefreshCcw class="h-5 w-5 md:h-4 md:w-4" />
+				Subscribe to Updates
+			</a>
+		{/if}
 	</Dialog.Trigger>
 	<Dialog.Content>
 		<Dialog.Header>
-			<Dialog.Title>Subscribe for Updates</Dialog.Title>
+			<Dialog.Title>Subscribe to Updates</Dialog.Title>
 			<Dialog.Description>
 				Nostrocket is under active development, many things are broken. Subscribe now and we'll ping
 				you when there are new releases and new features.
@@ -123,7 +136,6 @@
 			<Button disabled={emailInValid} on:click={SubmitEmailAndSubscribe}
 				>{emailError ? emailError : 'Please email me with updates'}</Button
 			>
-			<Separator />
 			<a href="https://t.me/nostrocket" class="flex flex-nowrap">
 				<TelegramBrand class="mr-2" /> Join the Telegram Group
 			</a>