'use client';

import { useEffect, useState } from 'react';

export function useIsOwner(): { isOwner: boolean; isReady: boolean } {
  const [isOwner, setIsOwner] = useState(false);
  const [isReady, setIsReady] = useState(false);

  useEffect(() => {
    let cancelled = false;
    fetch('/api/me/is-owner', { cache: 'no-store' })
      .then((r) => (r.ok ? r.json() : { isOwner: false }))
      .then((j) => {
        if (cancelled) return;
        setIsOwner(Boolean(j?.isOwner));
        setIsReady(true);
      })
      .catch(() => {
        if (cancelled) return;
        setIsOwner(false);
        setIsReady(true);
      });
    return () => {
      cancelled = true;
    };
  }, []);

  return { isOwner, isReady };
}