bagasbanuna
2705f96b01
- Implement pagination on investment screens (ScreenMyHolding, ScreenInvestor, ScreenRecapOfNews, ScreenListOfNews) - Implement pagination on donation screens (ScreenStatus) - Update API functions to support pagination with page parameter (apiInvestmentGetAll, apiInvestmentGetInvestorById, apiInvestmentGetNews, apiDonationGetByStatus) - Replace ViewWrapper with NewWrapper for better UI experience - Update app directory files to use new modular components from screens directory - Add pull-to-refresh and infinite scroll functionality - Improve performance by loading data incrementally - Apply NewWrapper to donation create and create-story screens Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
60 lines
3.4 KiB
Markdown
60 lines
3.4 KiB
Markdown
<!-- ===================== Start Penerapan Pagination ===================== -->
|
|
|
|
File source: app/(application)/(user)/donation/(tabs)/status.tsx
|
|
Folder tujuan: screens/Donation
|
|
Nama file utama: ScreenStatus.tsx
|
|
|
|
Buat file baru pada "Folder tujuan" dengan nama "Nama file utama" dan ubah nama function menjadi "Donation_ScreenStatus" kemudian clean code, import dan panggil function tersebut pada file "File source"
|
|
Selanjutnya terapkan pagination pada file "Nama file utama"
|
|
|
|
Function fecth: apiDonationGetByStatus
|
|
File function fetch: service/api-client/api-donation.ts
|
|
File komponen wrapper: components/_ShareComponent/NewWrapper.tsx
|
|
|
|
Terapkan pagination pada file "Nama file utama"
|
|
Analisa juga file "Nama file utama" , jika belum menggunakan NewWrapper pada file "File komponen wrapper" , maka terapkan juga dan ganti wrapper lama yaitu komponen ViewWrapper
|
|
|
|
Komponen pagination yang digunaka berada pada file hooks/use-pagination.tsx dan helpers/paginationHelpers.tsx
|
|
|
|
Perbaiki fetch "Function fecth" , pada file "File function fetch"
|
|
Jika tidak ada props page maka tambahkan props page dan default page: "1"
|
|
|
|
Gunakan bahasa indonesia pada cli agar saya mudah membacanya.
|
|
|
|
<!-- Additional Prompt -->
|
|
File refrensi: screens/Event/ScreenStatus.tsx
|
|
Anda bisa menggunakan refrensi dari "File refrensi" jika butuh pemahaman dengan tipe fitur yang sama
|
|
|
|
<!-- ===================== End Penerapan Pagination ===================== -->
|
|
|
|
<!-- ===================== Start Penerapan NewWrapper ===================== -->
|
|
File utama: screens/Invesment/ScreenTransaction.tsx
|
|
Function fecth: apiInvestmentGetInvoice
|
|
File function fetch: service/api-client/api-investment.ts
|
|
File komponen wrapper: components/_ShareComponent/NewWrapper.tsx
|
|
|
|
Terapkan pagination pada file "File utama"
|
|
Analisa juga file "File utama" , jika belum menggunakan NewWrapper pada file "File komponen wrapper" , maka terapkan juga dan ganti wrapper lama yaitu komponen ViewWrapper
|
|
|
|
Komponen pagination yang digunaka berada pada file hooks/use-pagination.tsx dan helpers/paginationHelpers.tsx
|
|
|
|
Perbaiki fetch "Function fecth" , pada file "File function fetch"
|
|
Jika tidak ada props page maka tambahkan props page dan default page: "1"
|
|
|
|
Gunakan bahasa indonesia pada cli agar saya mudah membacanya.
|
|
|
|
<!-- ===================== End Penerapan NewWrapper ===================== -->
|
|
|
|
<!-- Start Penerapan NewWrapper -->
|
|
Terapkan NewWrapper pada file: app/(application)/(user)/donation/create.tsx
|
|
Component yang digunakan: components/_ShareComponent/NewWrapper.tsx
|
|
<!-- End Penerapan NewWrapper -->
|
|
|
|
Bantu saya untuk memperbaiki logika path yang ada di dalam file "screens/Admin/Notification-Admin/ScreenNotificationAdmin2.tsx" , pada function fixPath
|
|
Saya ingin jika didalam deeplink ada "/admin/..." contoh "/admin/event/review/status" maka path yang akan di redirect adalah "/admin/event/review/status"
|
|
jika tidak maka terapkan sesuai dengan logika yang sudah ada
|
|
|
|
Bagaimana menangani bug berikut pada file berikut: screens/Invesment/Document/ScreenRecap.tsx
|
|
Ini adalah halaman yang memiliki fungsi pagination , saya membuat data dummy dimana menghasilkan data urut 1-9, saya mencoba memuat halaman setiap page nya 4 saja untuk percobaan.
|
|
Saat awal muncul komponent box dengan data 9 - 6, kemudian saya hapus data ke 8 . lalu saya coba scroll ke bawah seharusnya angka akan tetap urut 9, 7, 6, 5, 4 ... 1. Tapi dalam case ini setelah 8 di hapus kemudian saya scroll box ke 5 tidak muncul saat di scroll. Apakah anda mengerti maksud saya ?
|