From bb6bf6d99594a4927c2268dbbf36aa0658a1b916 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Fri, 9 Sep 2022 00:02:44 +0900
Subject: [PATCH] fix: Fix Disconnected notification not showing again, Fix no
 transition-leave animation

---
 packages/client/src/ui/_common_/stream-indicator.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/ui/_common_/stream-indicator.vue b/packages/client/src/ui/_common_/stream-indicator.vue
index 4d2e995054..84fa20d6e2 100644
--- a/packages/client/src/ui/_common_/stream-indicator.vue
+++ b/packages/client/src/ui/_common_/stream-indicator.vue
@@ -1,6 +1,6 @@
 <template>
-<transition v-if="showing && hasDisconnected && $store.state.serverDisconnectedBehavior === 'quiet'" :name="$store.state.animation && isFriendly ? 'friendly' : ''" appear>
-	<div class="nsbbhtug" :class="{ friendly: isFriendly }" @click="resetDisconnected">
+<transition v-if="hasDisconnected && $store.state.serverDisconnectedBehavior === 'quiet'" :name="$store.state.animation && isFriendly ? 'friendly' : ''" appear>
+	<div v-if="showing" class="nsbbhtug" :class="{ friendly: isFriendly }" @click="resetDisconnected">
 		<div class="text">{{ i18n.ts.disconnectedFromServer }}</div>
 		<div class="command">
 			<button class="_textButton" @click="reload">{{ i18n.ts.reload }}</button>
@@ -29,6 +29,7 @@ function timeout() {
 
 function clearTimeout() {
 	window.clearTimeout(currentTimeout);
+	showing = true;
 }
 
 function onDisconnected() {