"use client";

import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { markNotificationsSeenAction } from "./actions";

/** Mở trang là coi như đã xem: ghi mốc rồi làm mới để số trên chuông cập nhật. */
export function MarkSeen({ hasNew }: { hasNew: boolean }) {
  const router = useRouter();
  useEffect(() => {
    if (!hasNew) return;
    void markNotificationsSeenAction().then(() => router.refresh());
  }, [hasNew, router]);
  return null;
}