clean code master plant sub section and master device

src/pages/master/brandDevice/component/ListBrandDevice.jsx

@@ -10,6 +10,7 @@ import {
 import { NotifAlert, NotifConfirmDialog } from '../../../../components/Global/ToastNotif';
 import { useNavigate } from 'react-router-dom';
 import TableList from '../../../../components/Global/TableList';
+import { getAllBrands } from '../../../../api/master-brand';
 
 // Dummy data
 const initialBrandDeviceData = [
@@ -145,55 +146,6 @@ const ListBrandDevice = memo(function ListBrandDevice(props) {
 
     const navigate = useNavigate();
 
-    // Dummy data function to simulate API call - now uses state
-    const getAllBrandDevice = async (params) => {
-        // Simulate API delay
-        await new Promise((resolve) => setTimeout(resolve, 300));
-
-        // Extract URLSearchParams - TableList sends URLSearchParams object
-        const searchParam = params.get('search') || '';
-        const page = parseInt(params.get('page')) || 1;
-        const limit = parseInt(params.get('limit')) || 10;
-
-        console.log('getAllBrandDevice called with:', { searchParam, page, limit });
-
-        // Filter by search
-        let filteredBrandDevices = brandDeviceData;
-        if (searchParam) {
-            const searchLower = searchParam.toLowerCase();
-            filteredBrandDevices = brandDeviceData.filter(
-                (brand) =>
-                    brand.brandName.toLowerCase().includes(searchLower) ||
-                    brand.brandType.toLowerCase().includes(searchLower) ||
-                    brand.manufacturer.toLowerCase().includes(searchLower) ||
-                    brand.model.toLowerCase().includes(searchLower)
-            );
-        }
-
-        // Pagination logic
-        const totalData = filteredBrandDevices.length;
-        const totalPages = Math.ceil(totalData / limit);
-        const startIndex = (page - 1) * limit;
-        const endIndex = startIndex + limit;
-        const paginatedData = filteredBrandDevices.slice(startIndex, endIndex);
-
-        // Return structure that matches TableList expectation
-        return {
-            status: 200,
-            statusCode: 200,
-            data: {
-                data: paginatedData,
-                total: totalData,
-                paging: {
-                    page: page,
-                    limit: limit,
-                    total: totalData,
-                    page_total: totalPages,
-                },
-            },
-        };
-    };
-
     useEffect(() => {
         const token = localStorage.getItem('token');
         if (token) {
@@ -333,7 +285,7 @@ const ListBrandDevice = memo(function ListBrandDevice(props) {
                             showPreviewModal={showPreviewModal}
                             showEditModal={showEditModal}
                             showDeleteDialog={showDeleteDialog}
-                            getData={getAllBrandDevice}
+                            getData={getAllBrands}
                             queryParams={formDataFilter}
                             columns={columns(showPreviewModal, showEditModal, showDeleteDialog)}
                             triger={trigerFilter}