problem: not clear that I'm going to implement ghost mode

nostrocket · Apr 26, 2024 · c5c69d3 · c5c69d3
1 parent c544adf
commit c5c69d3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
@@ -7,6 +7,7 @@
 		CircleQuestionSolid,
 		FaucetSolid,
 		GearSolid,
+		GhostSolid,
 		ListCheckSolid,
 		PodcastSolid
 	} from 'svelte-awesome-icons';
@@ -60,6 +61,7 @@
 				>
 			</div>
 			<div class="mb-2 overflow-hidden place-items-center">
+				<Button onClick={()=>{alert("ghost mode: implement me!")}}><GhostSolid /></Button>
 				<Login />
 			</div>
 		</div>

diff --git a/src/lib/components/MessageInput.svelte b/src/lib/components/MessageInput.svelte
@@ -1,4 +1,7 @@
 <script lang="js">
+	import { GhostSolid } from "svelte-awesome-icons";
+	import Button from "./Button.svelte";
+
 export let selected = true
 </script>
 <div class="flex items-center px-3 py-2 bg-zinc-300 dark:bg-cyan-900 {selected?"h-full":""}">
@@ -63,6 +66,8 @@ export let selected = true
 		class="resize-none block mx-4 p-2.5 w-full h-full text-sm text-gray-900 bg-white rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
 		placeholder="Start typing..."
 	></textarea>
+	<div class="flex flex-col">
+	<Button onClick={()=>{alert("ghost mode: implement me!")}}><GhostSolid /></Button>
 	<button
 		type="submit"
 		class=" {selected?"block":"hidden"} inline-flex justify-center p-2 text-blue-600 rounded-full cursor-pointer hover:bg-blue-100 dark:text-blue-500 dark:hover:bg-gray-600"
@@ -81,3 +86,4 @@ export let selected = true
 		<span class="sr-only">Send message</span>
 	</button>
 </div>
+</div>
diff --git a/src/lib/ndk/Login.svelte b/src/lib/ndk/Login.svelte
@@ -5,7 +5,7 @@
 	import { get } from 'svelte/store';
 	import { connect, currentUser, ndk } from './ndk';
 	import Button from '@/components/Button.svelte';
-	import { KeySolid } from 'svelte-awesome-icons';
+	import { KeySolid, UserAstronautSolid } from 'svelte-awesome-icons';
 
 	onMount(() => {
 		connect();
@@ -153,4 +153,4 @@
 	}
 </script>
 
-<Button onClick={()=>{loginNip07(true)}}><KeySolid /></Button>
+<Button onClick={()=>{loginNip07(true)}}><UserAstronautSolid /></Button>
diff --git a/src/lib/views/messages/Messages.svelte b/src/lib/views/messages/Messages.svelte
@@ -3,20 +3,19 @@
 	import ChatLayout from '@/components/ChatLayout.svelte';
 	import Coracle from '@/components/Coracle.svelte';
 	import MessageInput from '@/components/MessageInput.svelte';
+	import Input from '@/components/ui/input/input.svelte';
+	import { currentUser, ndk } from '@/ndk/ndk';
 	import { PushEvent, FrontendDataStore as feds, viewed } from '@/snort_workers/main';
+	import { updateRepliesInPlace } from '@/snort_workers/utils';
+	import { NDKEvent } from '@nostr-dev-kit/ndk';
 	import { RequestBuilder, type QueryLike } from '@snort/system';
+	import { BloomFilter } from 'bloomfilter';
 	import type { NostrEvent } from 'nostr-tools';
 	import { ArrowTurnUpSolid } from 'svelte-awesome-icons';
 	import { derived, writable, type Writable } from 'svelte/store';
 	import RenderKind1 from './RenderKind1.svelte';
 	import RenderKind1AsThreadHead from './RenderKind1AsThreadHead.svelte';
 	import { System } from './snort';
-	import { updateRepliesInPlace } from '@/snort_workers/utils';
-	import Login from '@/ndk/Login.svelte';
-	import { currentUser, ndk } from '@/ndk/ndk';
-	import Input from '@/components/ui/input/input.svelte';
-	import { BloomFilter } from 'bloomfilter';
-	import { NDKEvent } from '@nostr-dev-kit/ndk';
 
 	let localEvents = writable(new Map<string, NostrEvent>());