'use client';

import { useContext } from 'react';
import { usePathname } from 'next/navigation';
import { AuthContext } from '@/contexts/AuthContext';
import { isPortalPath } from '@/lib/sessionAuth';
import { SessionExpiredModal } from '@/components/auth/SessionExpiredModal';

export function SessionExpiredPortal() {
  const auth = useContext(AuthContext);
  const pathname = usePathname();

  const show = Boolean(auth?.sessionExpired) && isPortalPath(pathname);

  if (!show) {
    return null;
  }

  return <SessionExpiredModal open onDismiss={auth!.dismissSessionExpired} />;
}