Merge pull request #633 from SnowCait/hide-action-menu-on-thread

Hide action menu on thread

web/src/routes/TimelineView.svelte

@@ -13,6 +13,7 @@
 	export let load: () => Promise<void>;
 	export let showLoading = true;
 	export let createdAtFormat: 'auto' | 'time' = 'auto';
+	export let full = false;
 	export let transitionable = true;
 
 	let loading = false;
@@ -97,7 +98,7 @@
 				class:related={$author?.isNotified(item.event)}
 				on:mouseup={(e) => viewDetail(e, item.event)}
 			>
-				<EventComponent {item} {readonly} {createdAtFormat} />
+				<EventComponent {item} {readonly} {createdAtFormat} {full} />
 			</li>
 		{/if}
 	{/each}

web/src/routes/[note=note]/+page.svelte

@@ -13,7 +13,7 @@
 	import Counter from './Counter.svelte';
 	import ProfileIconList from './ProfileIconList.svelte';
 	import { chronologicalItem } from '$lib/Constants';
-	import { setContext, tick } from 'svelte';
+	import { tick } from 'svelte';
 	import MuteButton from '../action/MuteButton.svelte';
 
 	let focusedElement: HTMLDivElement | undefined;
@@ -41,10 +41,6 @@
 			? reactionEvents.map((x) => x.metadata).filter((x): x is Metadata => x !== undefined)
 			: [];
 
-	setContext('timeline-config', {
-		fullMenu: true
-	});
-
 	afterNavigate(async () => {
 		console.log('[note page]');
 
@@ -164,6 +160,7 @@
 		readonly={false}
 		load={async () => console.debug()}
 		showLoading={false}
+		full={true}
 		transitionable={false}
 	/>
 </div>

web/src/routes/timeline/EventComponent.svelte

@@ -12,6 +12,7 @@
 	export let item: Item;
 	export let readonly: boolean;
 	export let createdAtFormat: 'auto' | 'time' = 'auto';
+	export let full = false;
 </script>
 
 {#if item.event.kind === Kind.Metadata}
@@ -27,5 +28,5 @@
 {:else if Number(item.event.kind) === 30030}
 	<CustomEmojiList tags={item.event.tags} />
 {:else}
-	<Note {item} {readonly} {createdAtFormat} />
+	<Note {item} {readonly} {createdAtFormat} {full} />
 {/if}

web/src/routes/timeline/Note.svelte

@@ -34,6 +34,7 @@
 	export let item: Item;
 	export let readonly: boolean;
 	export let createdAtFormat: 'auto' | 'time' = 'auto';
+	export let full = false;
 
 	$: metadata = (item as EventItem).metadata;
 
@@ -63,8 +64,6 @@
 		jsonDisplay = !jsonDisplay;
 	};
 
-	const timelineConfig: { fullMenu: boolean } | undefined = getContext('timeline-config');
-	const fullMenu = timelineConfig?.fullMenu ?? false;
 	let showMenu = false;
 
 	function reply(item: Item) {
@@ -379,11 +378,11 @@
 				<span class:hidden={item.event.kind === Kind.EncryptedDirectMessage}>
 					<EmojiPicker on:pick={({ detail }) => emojiReaction(item.event, detail)} />
 				</span>
-				<button class:hidden={fullMenu} on:click={() => (showMenu = !showMenu)}>
+				<button class:hidden={full} on:click={() => (showMenu = !showMenu)}>
 					<IconDots size={iconSize} />
 				</button>
 			</div>
-			{#if fullMenu || showMenu}
+			{#if full || showMenu}
 				<div class="action-menu">
 					<!-- instead of margin -->
 					<button class:hidden={true} on:click={console.debug}>