HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix notification.vue

Browse source
This commit is contained in:
tamaina 2021-11-22 16:01:28 +09:00
parent 3688859efe
commit 6c57879a1e
1 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/client/src/components/notification.vue
View file

@ -107,11 +107,8 @@ export default defineComponent({
const reactionRef = ref(null);
onMounted(() => {
let readObserver: IntersectionObserver | null = null;
let connection = null;
if (!props.notification.isRead) {
readObserver = new IntersectionObserver((entries, observer) => {
const readObserver = new IntersectionObserver((entries, observer) => {
if (!entries.some(entry => entry.isIntersecting)) return;
os.stream.send('readNotification', {
id: props.notification.id
@ -121,18 +118,19 @@ export default defineComponent({
readObserver.observe(elRef.value);
connection = os.stream.useChannel('main');
const connection = os.stream.useChannel('main');
connection.on('readAllNotifications', () => readObserver.unobserve(elRef.value));
watch(props.notification.isRead, () => {
readObserver?.unobserve(elRef.value);
readObserver.unobserve(elRef.value);
});
onUnmounted(() => {
if (readObserver) readObserver.unobserve(elRef.value);
if (connection) connection.dispose();
});
}
onUnmounted(() => {
if (readObserver) readObserver.unobserve(elRef.value);
if (connection) connection.dispose();
});
});
const followRequestDone = ref(false);