Component 0 - Copy this React, Tailwind Component to your project

{ "data": [ { "_id": "67ffc726311bb662dab80e31", "sparePartId": { "_id": "67ffc703311bb662dab80e26", "name": "TESTADDUPDATE", "code": "123TESTADD" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 12, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67f75ce383cc6351c2a365a9", "fname": "Quản Lý", "lname": "Kho" }, "roleAtTime": { "_id": "67e82d599fba3ce2ded62f30", "name": "WAREHOUSE", "displayName": "Quản lý kho" }, "createdAt": "2025 04 16T15:05:10.901Z", "updatedAt": "2025 04 16T15:05:10.901Z", "__v": 0 }, { "_id": "67ffc703311bb662dab80e28", "sparePartId": { "_id": "67ffc703311bb662dab80e26", "name": "TESTADDUPDATE", "code": "123TESTADD" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 12, "reason": "Thêm mới linh kiện", "performedBy": { "_id": "67f75ce383cc6351c2a365a9", "fname": "Quản Lý", "lname": "Kho" }, "roleAtTime": { "_id": "67e82d599fba3ce2ded62f30", "name": "WAREHOUSE", "displayName": "Quản lý kho" }, "createdAt": "2025 04 16T15:04:35.152Z", "updatedAt": "2025 04 16T15:04:35.152Z", "__v": 0 }, { "_id": "67ffc588311bb662dab80302", "sparePartId": { "_id": "67c857f8de2cf478acaa0b2e", "name": "Dây cắm âm thanh D R2", "code": "D R2" }, "repairRecordId": { "_id": "67ffc548311bb662dab7f864", "repairRequestId": "67f62341f6869481d7e36c02" }, "action": "EXPORT", "quantity": 1, "reason": "Xuất linh kiện cho phiếu sửa chữa 67ffc548311bb662dab7f864", "performedBy": { "_id": "67f6024bf475a9eb32e07395", "fname": "Kỹ", "lname": "Thuật Viên" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:58:16.379Z", "updatedAt": "2025 04 16T14:58:16.379Z", "__v": 0 }, { "_id": "67ffc521311bb662dab7f85a", "sparePartId": { "_id": "67ffc521311bb662dab7f858", "name": "IMPORTROLENAME", "code": "ROLENAMEIMPORT" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 10, "reason": "Thêm mới từ file Excel", "performedBy": { "_id": "67f6024bf475a9eb32e07395", "fname": "Kỹ", "lname": "Thuật Viên" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:56:33.593Z", "updatedAt": "2025 04 16T14:56:33.593Z", "__v": 0 }, { "_id": "67ffc4b2311bb662dab7f84c", "sparePartId": { "_id": "67ffc466311bb662dab7f841", "name": "roleNameUpdate", "code": "ROLEWAREHOUSE" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 12, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67f6024bf475a9eb32e07395", "fname": "Kỹ", "lname": "Thuật Viên" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:54:42.064Z", "updatedAt": "2025 04 16T14:54:42.064Z", "__v": 0 }, { "_id": "67ffc466311bb662dab7f843", "sparePartId": { "_id": "67ffc466311bb662dab7f841", "name": "roleNameUpdate", "code": "ROLEWAREHOUSE" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 11, "reason": "Thêm mới linh kiện", "performedBy": { "_id": "67f6024bf475a9eb32e07395", "fname": "Kỹ", "lname": "Thuật Viên" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:53:26.376Z", "updatedAt": "2025 04 16T14:53:26.376Z", "__v": 0 }, { "_id": "67ffba133e4ca001f2f1a466", "sparePartId": { "_id": "67f77e4df425a03dd8e7d991", "name": "Đây là test import excel", "code": "SCR50 OLD" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 79, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67c1cef8f83c18ba7dc9d058", "fname": "Nguyen", "lname": "Ngoc" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:09:23.235Z", "updatedAt": "2025 04 16T14:09:23.235Z", "__v": 0 }, { "_id": "67ffba053e4ca001f2f1a45d", "sparePartId": { "_id": "67f77fd612c3a373aa031e91", "name": "Test Thôi", "code": "ABCASFTEST" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 9, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67c1cef8f83c18ba7dc9d058", "fname": "Nguyen", "lname": "Ngoc" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:09:09.018Z", "updatedAt": "2025 04 16T14:09:09.018Z", "__v": 0 }, { "_id": "67ffb9fa3e4ca001f2f1a454", "sparePartId": { "_id": "67f77fd612c3a373aa031e91", "name": "Test Thôi", "code": "ABCASFTEST" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 9, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67c1cef8f83c18ba7dc9d058", "fname": "Nguyen", "lname": "Ngoc" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:08:58.224Z", "updatedAt": "2025 04 16T14:08:58.224Z", "__v": 0 }, { "_id": "67ffb9393e4ca001f2f1a43d", "sparePartId": { "_id": "67f77e4df425a03dd8e7d991", "name": "Đây là test import excel", "code": "SCR50 OLD" }, "repairRecordId": { "_id": null, "repairRequestId": null }, "action": "IMPORT", "quantity": 79, "reason": "Cập nhật linh kiện", "performedBy": { "_id": "67c1cef8f83c18ba7dc9d058", "fname": "Nguyen", "lname": "Ngoc" }, "roleAtTime": { "_id": "67e55bb7b6353a63dd74add9", "name": "TECHNICIAN", "displayName": "Kỹ thuật viên" }, "createdAt": "2025 04 16T14:05:45.298Z", "updatedAt": "2025 04 16T14:05:45.298Z", "__v": 0 } ], "meta": { "totalRecords": 98, "totalPages": 10, "currentPage": 1, "perPage": 10 } }