36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
import { parseCommissionMessageEvent } from "@/lib/commission/message-event";
|
|
import { keepCommissionTitle } from "./keep-title";
|
|
|
|
export function CommissionLiveRefresh({ endpoint, userId }: { endpoint: string; userId: string }) {
|
|
const router = useRouter();
|
|
useEffect(() => {
|
|
const originalTitle = document.title;
|
|
let managedTitle = "";
|
|
let unread = 0;
|
|
const stopKeepingTitle = keepCommissionTitle(() => managedTitle || originalTitle);
|
|
const source = new EventSource(endpoint);
|
|
const refresh = (event: Event) => {
|
|
const message = parseCommissionMessageEvent((event as MessageEvent<string>).data);
|
|
if (message && message.authorId !== userId) {
|
|
unread += 1;
|
|
managedTitle = `(${unread}) ${message.ticketTitle}`;
|
|
document.title = managedTitle;
|
|
}
|
|
router.refresh();
|
|
};
|
|
const opened = () => router.refresh();
|
|
source.addEventListener("changed", refresh);
|
|
source.addEventListener("open", opened);
|
|
return () => {
|
|
source.removeEventListener("changed", refresh); source.removeEventListener("open", opened); source.close();
|
|
stopKeepingTitle();
|
|
if (managedTitle && document.title === managedTitle) document.title = originalTitle;
|
|
};
|
|
}, [endpoint, userId, router]);
|
|
return null;
|
|
}
|