Creating TypeScript Model Files

TypeScript
import { defaultPaginationValues } from '@/constants/pagination';
import useLoading from '@/hooks/use-loading';
import { updateArrayItem } from '@/utils/update-array-item';
import { message } from 'antd';
import { useState } from 'react';
import {
  createItemController,
  deleteItemController,
  getItemsController,
  updateItemController,
} from './item.controller';

export default () => {
  const [items, setItems] = useState<App.Pagination<Entity.Item>>(defaultPaginationValues);
  const { loading, startLoading, stopLoading } = useLoading();

  const getItems = async (...args: Parameters<typeof getItemsController>) => {
    try {
      startLoading();
      const response = await getItemsController(...args);
      const { data } = response;
      setItems(data);
    } catch (error) {
      message.error('Não foi possível obter os dados');
      return Promise.reject();
    } finally {
      stopLoading();
    }
  };

  return {
    itemLoading: loading,
    items,
    getItems,
  };
};

Progress:

• Analyze controller functions to determine available operations
• Determine if pagination is used (check controller return type)
• Identify parameter structure (no params, single param, multiple params)
• Set up appropriate state structure
• Implement CRUD functions based on available controllers
• Configure proper updateArrayItem usage for multi-parameter scenarios

Step 1: Analyze Controllers

Check which CRUD operations have corresponding controllers:

• getController → implement get function
• createController → implement create function
• updateController → implement update function
• deleteController → implement delete function

Step 2: Determine Data Structure

With Pagination:

TypeScript
const [items, setItems] = useState<App.Pagination<EntityType>>(defaultPaginationValues);

Without Pagination:

TypeScript
const [items, setItems] = useState<EntityType[]>([]);

Step 3: Implement CRUD Functions

Each function follows the pattern:

1. startLoading()
2. Call controller with spread args
3. Update state appropriately
4. Show success message (create/update/delete only)
5. Handle errors with generic messages
6. stopLoading() in finally

Step 4: Handle updateArrayItem Parameters

No parameters (args[0] is ID):

TypeScript
identification: args[0]

With parameters (args[1] is ID):

TypeScript
identification: args[1]