25 lines
750 B
TypeScript
25 lines
750 B
TypeScript
import { useColumns } from "./useTableColumns";
|
|
import React from "react";
|
|
import DataTable from "../../../Layout/Dashboard/Table/DataTable";
|
|
import { useGetAllGrade } from "../../../api/grade";
|
|
import { useFilterState } from "../../../Components/Utils/Filter/FilterState";
|
|
import { useFilterStateState } from "../../../zustand/Filter";
|
|
|
|
const App: React.FC = () => {
|
|
const { filterState } = useFilterState();
|
|
const { Filter } = useFilterStateState();
|
|
const name = Filter?.name ;
|
|
const sort_by = Filter?.sort_by ;
|
|
const response = useGetAllGrade({
|
|
pagination: true,
|
|
...filterState,
|
|
name,
|
|
sort_by
|
|
});
|
|
// console.log(response);
|
|
|
|
return <DataTable response={response} useColumns={useColumns} />;
|
|
};
|
|
|
|
export default App;
|