From 4a39da745e528b9aa1cd8ea91aa576f2ec64bc58 Mon Sep 17 00:00:00 2001
From: Yasuhiro Matsumoto <mattn.jp@gmail.com>
Date: Wed, 18 Oct 2023 18:57:21 +0900
Subject: [PATCH] use canTransition

---
 web/src/routes/TimelineView.svelte      | 12 ++++++------
 web/src/routes/[slug=note]/+page.svelte |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/routes/TimelineView.svelte b/web/src/routes/TimelineView.svelte
index c32c09aec..4af672477 100644
--- a/web/src/routes/TimelineView.svelte
+++ b/web/src/routes/TimelineView.svelte
@@ -16,7 +16,7 @@
 	export let showLoading = true;
 	export let createdAtFormat: 'auto' | 'time' = 'auto';
 	export let full = false;
-	export let transitional = true;
+	export let canTransition = true;
 
 	let loading = false;
 	let innerHeight: number;
@@ -78,7 +78,7 @@
 				target = target.parentElement;
 			}
 		}
-		if (transitional) {
+		if (canTransition) {
 			if (nostrEvent.kind === 42 && $channelIdStore === undefined) {
 				const channelId = findChannelId(nostrEvent.tags);
 				if (channelId !== undefined) {
@@ -101,7 +101,7 @@
 	{#each items as item (item.event.id)}
 		{#if !isMuteEvent(item.event)}
 			<li
-				class={transitional ? 'transitional-post' : ''}
+				class={canTransition ? 'canTransition-post' : ''}
 				class:related={$author?.isNotified(item.event)}
 				on:mouseup={(e) => viewDetail(e, item.event)}
 			>
@@ -139,11 +139,11 @@
 		text-overflow: ellipsis;
 	}
 
-	.transitional-post {
+	.canTransition-post {
 		cursor: pointer;
 	}
 
-	.transitional-post:hover {
+	.canTransition-post:hover {
 		background: var(--accent-surface-low);
 	}
 
@@ -155,7 +155,7 @@
 		cursor: pointer;
 	}
 
-	:global(.transitional-post blockquote:hover) {
+	:global(.canTransition-post blockquote:hover) {
 		background: var(--accent-surface-high);
 	}
 
diff --git a/web/src/routes/[slug=note]/+page.svelte b/web/src/routes/[slug=note]/+page.svelte
index e564c1949..2c2ddadc7 100644
--- a/web/src/routes/[slug=note]/+page.svelte
+++ b/web/src/routes/[slug=note]/+page.svelte
@@ -200,7 +200,7 @@
 		load={async () => console.debug()}
 		showLoading={false}
 		full={true}
-		transitional={false}
+		canTransition={false}
 	/>
 </div>