proje-react-panel 1.0.15 → 1.0.17-test-8

package/src/components/pages/ListPage.tsx

@@ -1,85 +0,0 @@
-import React, { useMemo, useCallback } from 'react';
-import { useEffect, useState } from 'react';
-import { Link, useParams } from 'react-router';
-import { Datagrid } from '../list/Datagrid';
-import { ErrorComponent } from '../components/ErrorComponent';
-import { LoadingScreen } from '../components/LoadingScreen';
-import { AnyClass } from '../../types/AnyClass';
-import { getListFields } from '../../decorators/list/getListFields';
-import { Pagination } from '../list/Pagination';
-
-export interface PaginationParams {
-  page?: number;
-  limit?: number;
-}
-
-export interface PaginatedResponse<T> {
-  data: T[];
-  total: number;
-  page: number;
-  limit: number;
-}
-
-export type GetDataForList<T> = ({
-  page,
-}: PaginationParams) => PaginatedResponse<T> | Promise<PaginatedResponse<T>>;
-
-export function ListPage<T extends AnyClass>({
-  model,
-  getData,
-}: {
-  model: T;
-  getData: GetDataForList<T>;
-}) {
-  const [loading, setLoading] = useState(true);
-  const [pagination, setPagination] = useState({ total: 0, page: 0, limit: 0 });
-  const [data, setData] = useState<any>(null);
-  const [error, setError] = useState<unknown | null>(null);
-  const listData = useMemo(() => getListFields(model), [model]);
-  const params = useParams();
-
-  const fetchData = useCallback(
-    async (page: number) => {
-      setLoading(true);
-      try {
-        const result = await getData({ page });
-        setData(result.data);
-        setPagination({
-          total: result.total,
-          page: result.page,
-          limit: result.limit,
-        });
-      } catch (e: unknown) {
-        setError(e);
-        console.error(e);
-      } finally {
-        setLoading(false);
-      }
-    },
-    [getData]
-  );
-
-  useEffect(() => {
-    fetchData(parseInt(params.page as string) || 1);
-  }, [fetchData, params.page]);
-
-  if (loading) return <LoadingScreen />;
-  if (error) return <ErrorComponent error={error} />;
-
-  return (
-    <div className="list">
-      <div className="list-header">
-        <Link to={'create'}>Create</Link>
-      </div>
-      <Datagrid cells={listData.cells} data={data} />
-      <div className="list-footer">
-        <Pagination
-          pagination={pagination}
-          onPageChange={(page: number) => {
-            fetchData(page);
-          }}
-        />
-      </div>
-    </div>
-  );
-}