usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

サーバーから切断された後 stream indicator をすぐに表示しないようにする (MisskeyIO#172) 

すぐに再接続されたら表示しないように
This commit is contained in:
riku6460 2023-10-06 21:57:37 +09:00 committed by kakkokari-gtyih
parent 15ae1605ec
commit 5df22b67b6
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/src/ui/_common_/stream-indicator.vue
View File

@ -24,12 +24,17 @@ import { defaultStore } from '@/store.js';
const zIndex = os.claimZIndex('high'); const zIndex = os.claimZIndex('high');
const hasDisconnected = ref(false); const hasDisconnected = ref(false);
let timeoutId: number | null = null;
function onDisconnected() { function onDisconnected() {
window.clearTimeout(timeoutId);
timeoutId = window.setTimeout(() => {
hasDisconnected.value = true; hasDisconnected.value = true;
}, 1000 * 10);
} }
function resetDisconnected() { function resetDisconnected() {
window.clearTimeout(timeoutId);
hasDisconnected.value = false; hasDisconnected.value = false;
} }
@ -37,9 +42,12 @@ function reload() {
location.reload(); location.reload();
} }
useStream().on('_connected_', resetDisconnected);
useStream().on('_disconnected_', onDisconnected); useStream().on('_disconnected_', onDisconnected);
onUnmounted(() => { onUnmounted(() => {
window.clearTimeout(timeoutId);
useStream().off('_connected_', resetDisconnected);
useStream().off('_disconnected_', onDisconnected); useStream().off('_disconnected_', onDisconnected);
}); });
</script> </script>