import { useEvents } from "@/api";
import { changeSortByName as changeSort } from "@/utils/change-sort";
import { useState } from "@wordpress/element";

export const useEventsController = () => {
  const [search, setSearch] = useState({
    page: 1,
    per_page: 50,
    search: "",
  });

  const changeSortByName = () => setSearch(changeSort(search));

  const setSearchText = (text) =>
    setSearch({ ...search, search: text, page: 1 });

  const setPage = (page) => setSearch({ ...search, page: page });

  const swrResponse = useEvents(search);

  return {
    ...swrResponse,
    search,
    setSearch,
    changeSortByName,
    setPage,
    setSearchText,
  };
};