feature Implement Transactions View for Admin to Display All Payments

maxCastro1 commented 3 months ago

Description

This PR introduces a new Transactions component that allows admins to view all payment transactions. The implementation includes fetching transaction data from the backend and displaying it in a user-friendly interface with detailed statistics and a list of transactions.

Changes Implemented

Transactions Component

Added a new Transactions component that fetches payment data from the backend API.
Displayed key statistics including total amount, total transactions, average payment amount, and captured amount.
Provided a table listing individual transactions with details such as payment ID, amount, date, status, and payment method.

API Integration

Implemented a useEffect hook to fetch payment data from the backend when the component mounts.
Utilized Axios for making API requests with proper authorization headers.

Error Handling

Added error handling to display appropriate messages if the data fetch fails.
Included loading states to indicate data fetching progress.

Styling and Layout

Applied CSS styles to ensure a clean and responsive design.
Used Flexbox and Grid for layout management.
Incorporated PropagateLoader for displaying a loading spinner during data fetch.

netlify[bot] commented 3 months ago

Deploy Preview for knight-fe ready!

Name	Link
Latest commit	b372022370f9b552346fc30b7595fda83632cd09
Latest deploy log	https://app.netlify.com/sites/knight-fe/deploys/66a16a84ecc81d00081abae6
Deploy Preview	https://deploy-preview-78--knight-fe.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 3 months ago

Deploy Preview for knights-fecommerce ready!

Name	Link
Latest commit	b372022370f9b552346fc30b7595fda83632cd09
Latest deploy log	https://app.netlify.com/sites/knights-fecommerce/deploys/66a16a84f653de000837e606
Deploy Preview	https://deploy-preview-78--knights-fecommerce.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

coveralls commented 3 months ago

coverage: 90.847% (+0.05%) from 90.801% when pulling b372022370f9b552346fc30b7595fda83632cd09 on ft-admin-view-all-payment-fix into 7da197971600db7c72f2ff987ff39d8a8562ef8d on develop.

atlp-rwanda / knights-ecomm-fe