import { useApi } from './useApi';
import { useFilterQuery } from './useFilterQuery';
import { useLogin } from './useLogin';
import useModified from '../useModified';

export function useWebsites(
  { userId, teamId }: { userId?: string; teamId?: string },
  params?: { [key: string]: string | number },
) {
  const { get } = useApi();
  const { user } = useLogin();
  const { modified } = useModified(`websites`);

  return useFilterQuery({
    queryKey: ['websites', { userId, teamId, modified, ...params }],
    queryFn: () => {
      return get(teamId ? `/teams/${teamId}/websites` : `/users/${userId || user.id}/websites`, {
        ...params,
      });
    },
  });
}

export default useWebsites;