amazon-transcreation/frontend/src/hooks/useJobs.ts

"use client";

import { useState, useEffect, useCallback } from "react";
import type { Job, JobFilters, PaginatedResponse } from "@/lib/types";
import { getJobs, getJob } from "@/lib/api";

export function useJobs(filters?: JobFilters) {
  const [jobs, setJobs] = useState<Job[]>([]);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);
  const [total, setTotal] = useState(0);

  const fetchJobs = useCallback(async () => {
    setLoading(true);
    setError(null);
    try {
      const response: PaginatedResponse<Job> = await getJobs(filters);
      setJobs(response.items);
      setTotal(response.total);
    } catch {
      setError("Failed to load jobs");
      setJobs([]);
      setTotal(0);
    } finally {
      setLoading(false);
    }
  }, [filters]);

  useEffect(() => {
    fetchJobs();
  }, [fetchJobs]);

  return { jobs, loading, error, total, refetch: fetchJobs };
}

export function useJob(jobId: string) {
  const [job, setJob] = useState<Job | null>(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);

  const fetchJob = useCallback(async () => {
    if (!jobId) return;
    setLoading(true);
    setError(null);
    try {
      const data = await getJob(jobId);
      setJob(data);
    } catch {
      setError("Failed to load job");
      setJob(null);
    } finally {
      setLoading(false);
    }
  }, [jobId]);

  useEffect(() => {
    fetchJob();
  }, [fetchJob]);

  return { job, loading, error, refetch: fetchJob };
}