feat: Connect Dokan admin dashboard UI with API. (PR-4) #2803

MdAsifHossainNadim · 2025-07-17T03:12:05Z

All Submissions:

My code follow the WordPress' coding standards
My code satisfies feature requirements
My code is tested
My code passes the PHPCS tests
My code has proper inline documentation
I've included related pull request(s) (optional)
I've included developer documentation (optional)
I've added proper labels to this pull request

Changes proposed in this Pull Request:

Related Pull Request(s)

feat: Implement admin dashboard api metrics. (PR-3) #2796

Closes

Closes https://github.com/getdokan/plugin-internal-tasks/issues/703

How to test the changes in this Pull Request:

Steps or issue link

Changelog entry

Title

Detailed Description of the pull request. What was previous behaviour
and what will be changed in this PR.

Before Changes

Describe the issue before changes with screenshots(s).

After Changes

Describe the issue after changes with screenshot(s).

Feature Video (optional)

Link of detailed video if this PR is for a feature.

PR Self Review Checklist:

Code is not following code style guidelines
Bad naming: make sure you would understand your code if you read it a few months from now.
KISS: Keep it simple, Sweetie (not stupid!).
DRY: Don't Repeat Yourself.
Code that is not readable: too many nested 'if's are a bad sign.
Performance issues
Complicated constructions that need refactoring or comments: code should almost always be self-explanatory.
Grammar errors.

FOR PR REVIEWER ONLY:

As a reviewer, your feedback should be focused on the idea, not the person. Seek to understand, be respectful, and focus on constructive dialog.

As a contributor, your responsibility is to learn from suggestions and iterate your pull request should it be needed based on feedback. Seek to collaborate and produce the best possible contribution to the greater whole.

Correct — Does the change do what it’s supposed to? ie: code 100% fulfilling the requirements?
Secure — Would a nefarious party find some way to exploit this change? ie: everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities?
Readable — Will your future self be able to understand this change months down the road?
Elegant — Does the change fit aesthetically within the overall style and architecture?

coderabbitai · 2025-07-17T03:12:11Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing Touches

🧪 Generate unit tests

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat/implement-dokan-admin-dashboard-ui

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

…okan-admin-dashboard-ui

…rics sections

…okan-admin-dashboard-ui

…mprove prop typing

…/dokan-admin-dashboard # Conflicts: # src/AdminDashboardMenu/index.tsx # src/AdminDashboardMenu/tailwind.scss # src/admin/dashboard/pages/dashboard/components/DynamicIcon.tsx # src/admin/dashboard/pages/dashboard/hooks/useDashboardApiData.ts # src/admin/dashboard/pages/dashboard/index.tsx # src/admin/dashboard/pages/dashboard/sections/AllTimeStatsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/AllTimeStatsSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/AnalyticsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/AnalyticsSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/CustomerMetricsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/CustomerMetricsSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/MonthlyOverviewSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/MonthlyOverviewSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/MostReportedVendorsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/MostReportedVendorsSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/MostReviewedProductsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/MostReviewedProductsSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/SalesChartSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/SalesChartSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/TodoSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/TodoSection/index.tsx # src/admin/dashboard/pages/dashboard/sections/TopPerformingVendorsSection/Skeleton.tsx # src/admin/dashboard/pages/dashboard/sections/TopPerformingVendorsSection/index.tsx # src/admin/dashboard/pages/dashboard/types.ts # src/admin/dashboard/pages/dashboard/utils/api.ts

…ed navigation

…okan-admin-dashboard-ui

…yout and functionality

…implement-dokan-admin-dashboard-ui # Conflicts: # src/admin/dashboard/pages/dashboard/Elements/MonthPicker.tsx # src/admin/dashboard/pages/dashboard/index.tsx # src/admin/dashboard/pages/dashboard/types.ts # src/admin/dashboard/pages/dashboard/utils/api.ts

…functionality

…okan-admin-dashboard-ui

…okan-admin-dashboard-ui # Conflicts: # src/admin/dashboard/pages/dashboard/Elements/Section.tsx

…er interaction

…okan-admin-dashboard-ui

…ad of opening a new tab

…dling in index.tsx

* feat: add Admin Dashboard API with multiple endpoints for metrics and reports * feat: add VendorOrderStats model and data store for tracking vendor order statistics * feat: update filter name and refine withdrawal count return type in AdminDashboardController * feat: enhance customer metrics API to accept date parameter and refine data retrieval logic * feat: enhance VendorOrderStats API with sales chart data and active vendor count by date range * feat: enhance Admin Dashboard metrics with structured data and additional order statuses * feat: update VendorOrderStats API to exclude specific order statuses and enhance data retrieval with filters * update 3 files * feat: add helper to fill missing dates in sales chart data results * feat: refactor Admin Dashboard metrics to utilize AdminDashboardStats model and streamline data retrieval * feat: enhance sales chart data retrieval with daily breakdown and optional grouping * feat: rename sales chart data methods for consistency and clarity * feat: remove deprecated sales chart data methods and enhance product type filtering in Admin Dashboard * feat: add unit tests for AdminDashboardController REST API endpoints * feat: refactor SQL query construction for improved readability in VendorOrderStatsStore * feat: update date handling in Admin Dashboard API to use dokan_current_datetime for consistency * feat: refactor Admin Dashboard API to improve structure and add new stats controller * feat: add AdminDashboardStats model and update date handling in AdminDashboardStatsController * feat: refactor SQL query construction for improved readability in AdminDashboardStatsStore * feat: improve SQL query construction in AdminDashboardStatsStore for better readability and maintainability * feat: add analytics endpoint to AdminDashboardStatsController and update related tests * test: improve readability of assertions in AdminDashboardStatsControllerTest * test: enhance readability of endpoint assertions in AdminDashboardStatsControllerTest * refactor: simplify SQL query preparation and improve code readability in AdminDashboardStatsStore * feat: enhance metrics API to include recurring customers and improve date range handling * feat: update vendor icon in AdminDashboardStatsController for consistency * feat: enhance admin dashboard metrics with position and redirect URL attributes * feat: Connect Dokan admin dashboard UI with API. (PR-4) (#2803) * feat: implement Dokan admin dashboard UI components and API integration * feat: implement UI for Dokan admin dashboard with sales chart and metrics sections * feat: update skeleton components to use concise function syntax and improve prop typing * feat: refactor dashboard menu structure and update routing for improved navigation * feat: update admin dashboard UI components and styles for improved layout and functionality * feat: update AdminNotices and Section components for improved UI and functionality * feat: add sorting utility and integrate it into dashboard sections * feat: enhance MiniCard component with clickable styling for better user interaction * feat: update DokanButton to navigate using window.location.href instead of opening a new tab * enhance: enhance MonthPicker and Section components, improve data handling in index.tsx * feat: implement vendor metrics section and update related API endpoints --------- Co-authored-by: Wasi-Ur-Rahman <[email protected]>

…roved navigation. (PR-2) (#2805) * feat: add custom Popover component using WordPress UI * feat: integrate Popover component into WpDatePicker for enhanced date selection * feat: enhance CategorySelector with custom Popover for category selection * feat: refactor dashboard menu structure and update routing for improved navigation * Update month picker component by wp popover * feat: add minDate and maxDate props to MonthPicker for date range selection * feat: update AdminSetupBanner and integrate it into Header component * feat: enhance dashboard menu structure and add admin notices component * feat: enhance admin notices component with close action and dynamic URL handling * feat: implement legacy dashboard redirect and enhance dashboard URL handling * feat: update dashboard redirect handling and unify dashboard URL structure * feat: Implement admin dashboard api metrics. (PR-3) (#2796) * feat: add Admin Dashboard API with multiple endpoints for metrics and reports * feat: add VendorOrderStats model and data store for tracking vendor order statistics * feat: update filter name and refine withdrawal count return type in AdminDashboardController * feat: enhance customer metrics API to accept date parameter and refine data retrieval logic * feat: enhance VendorOrderStats API with sales chart data and active vendor count by date range * feat: enhance Admin Dashboard metrics with structured data and additional order statuses * feat: update VendorOrderStats API to exclude specific order statuses and enhance data retrieval with filters * update 3 files * feat: add helper to fill missing dates in sales chart data results * feat: refactor Admin Dashboard metrics to utilize AdminDashboardStats model and streamline data retrieval * feat: enhance sales chart data retrieval with daily breakdown and optional grouping * feat: rename sales chart data methods for consistency and clarity * feat: remove deprecated sales chart data methods and enhance product type filtering in Admin Dashboard * feat: add unit tests for AdminDashboardController REST API endpoints * feat: refactor SQL query construction for improved readability in VendorOrderStatsStore * feat: update date handling in Admin Dashboard API to use dokan_current_datetime for consistency * feat: refactor Admin Dashboard API to improve structure and add new stats controller * feat: add AdminDashboardStats model and update date handling in AdminDashboardStatsController * feat: refactor SQL query construction for improved readability in AdminDashboardStatsStore * feat: improve SQL query construction in AdminDashboardStatsStore for better readability and maintainability * feat: add analytics endpoint to AdminDashboardStatsController and update related tests * test: improve readability of assertions in AdminDashboardStatsControllerTest * test: enhance readability of endpoint assertions in AdminDashboardStatsControllerTest * refactor: simplify SQL query preparation and improve code readability in AdminDashboardStatsStore * feat: enhance metrics API to include recurring customers and improve date range handling * feat: update vendor icon in AdminDashboardStatsController for consistency * feat: enhance admin dashboard metrics with position and redirect URL attributes * feat: Connect Dokan admin dashboard UI with API. (PR-4) (#2803) * feat: implement Dokan admin dashboard UI components and API integration * feat: implement UI for Dokan admin dashboard with sales chart and metrics sections * feat: update skeleton components to use concise function syntax and improve prop typing * feat: refactor dashboard menu structure and update routing for improved navigation * feat: update admin dashboard UI components and styles for improved layout and functionality * feat: update AdminNotices and Section components for improved UI and functionality * feat: add sorting utility and integrate it into dashboard sections * feat: enhance MiniCard component with clickable styling for better user interaction * feat: update DokanButton to navigate using window.location.href instead of opening a new tab * enhance: enhance MonthPicker and Section components, improve data handling in index.tsx * feat: implement vendor metrics section and update related API endpoints --------- Co-authored-by: Wasi-Ur-Rahman <[email protected]> --------- Co-authored-by: Aunshon <[email protected]> Co-authored-by: Wasi-Ur-Rahman <[email protected]>

* feat: add admin dashboard components including DashboardMenu, Card, MiniCard, MonthPicker, and Section * feat: enhance MonthPicker and Section components with improved functionality and tooltip support * enhance: Refactor dashboard menu structure and update routing for improved navigation. (PR-2) (#2805) * feat: add custom Popover component using WordPress UI * feat: integrate Popover component into WpDatePicker for enhanced date selection * feat: enhance CategorySelector with custom Popover for category selection * feat: refactor dashboard menu structure and update routing for improved navigation * Update month picker component by wp popover * feat: add minDate and maxDate props to MonthPicker for date range selection * feat: update AdminSetupBanner and integrate it into Header component * feat: enhance dashboard menu structure and add admin notices component * feat: enhance admin notices component with close action and dynamic URL handling * feat: implement legacy dashboard redirect and enhance dashboard URL handling * feat: update dashboard redirect handling and unify dashboard URL structure * feat: Implement admin dashboard api metrics. (PR-3) (#2796) * feat: add Admin Dashboard API with multiple endpoints for metrics and reports * feat: add VendorOrderStats model and data store for tracking vendor order statistics * feat: update filter name and refine withdrawal count return type in AdminDashboardController * feat: enhance customer metrics API to accept date parameter and refine data retrieval logic * feat: enhance VendorOrderStats API with sales chart data and active vendor count by date range * feat: enhance Admin Dashboard metrics with structured data and additional order statuses * feat: update VendorOrderStats API to exclude specific order statuses and enhance data retrieval with filters * update 3 files * feat: add helper to fill missing dates in sales chart data results * feat: refactor Admin Dashboard metrics to utilize AdminDashboardStats model and streamline data retrieval * feat: enhance sales chart data retrieval with daily breakdown and optional grouping * feat: rename sales chart data methods for consistency and clarity * feat: remove deprecated sales chart data methods and enhance product type filtering in Admin Dashboard * feat: add unit tests for AdminDashboardController REST API endpoints * feat: refactor SQL query construction for improved readability in VendorOrderStatsStore * feat: update date handling in Admin Dashboard API to use dokan_current_datetime for consistency * feat: refactor Admin Dashboard API to improve structure and add new stats controller * feat: add AdminDashboardStats model and update date handling in AdminDashboardStatsController * feat: refactor SQL query construction for improved readability in AdminDashboardStatsStore * feat: improve SQL query construction in AdminDashboardStatsStore for better readability and maintainability * feat: add analytics endpoint to AdminDashboardStatsController and update related tests * test: improve readability of assertions in AdminDashboardStatsControllerTest * test: enhance readability of endpoint assertions in AdminDashboardStatsControllerTest * refactor: simplify SQL query preparation and improve code readability in AdminDashboardStatsStore * feat: enhance metrics API to include recurring customers and improve date range handling * feat: update vendor icon in AdminDashboardStatsController for consistency * feat: enhance admin dashboard metrics with position and redirect URL attributes * feat: Connect Dokan admin dashboard UI with API. (PR-4) (#2803) * feat: implement Dokan admin dashboard UI components and API integration * feat: implement UI for Dokan admin dashboard with sales chart and metrics sections * feat: update skeleton components to use concise function syntax and improve prop typing * feat: refactor dashboard menu structure and update routing for improved navigation * feat: update admin dashboard UI components and styles for improved layout and functionality * feat: update AdminNotices and Section components for improved UI and functionality * feat: add sorting utility and integrate it into dashboard sections * feat: enhance MiniCard component with clickable styling for better user interaction * feat: update DokanButton to navigate using window.location.href instead of opening a new tab * enhance: enhance MonthPicker and Section components, improve data handling in index.tsx * feat: implement vendor metrics section and update related API endpoints --------- Co-authored-by: Wasi-Ur-Rahman <[email protected]> --------- Co-authored-by: Aunshon <[email protected]> Co-authored-by: Wasi-Ur-Rahman <[email protected]> * feat: enhance DateRangePicker styling and structure * refactor: simplify MonthPicker component structure and improve popover integration * feat: enhance admin dashboard components with improved notice handling and updated data fetching logic * refactor: remove comparisonPosition prop from MonthPicker in admin dashboard * feat: update Card and Section components to use DokanTooltip and enhance content rendering * feat: enhance layout of earnings and commission display in admin dashboard * feat: format sales and commissions display in admin dashboard and enhance popover styling * feat: integrate DokanTooltip for vendor and product titles in admin dashboard sections * feat: replace inline price formatting with utility function for consistency in sales data display * feat: improve text handling in admin dashboard components for better readability * feat: reduce max width of text containers in admin dashboard for improved layout * feat: reduce max width of text containers in admin dashboard for better layout consistency --------- Co-authored-by: Md. Asif Hossain Nadim <[email protected]> Co-authored-by: Wasi-Ur-Rahman <[email protected]> Co-authored-by: Md Asif Hossain Nadim <[email protected]>

feat: implement Dokan admin dashboard UI components and API integration

e131702

MdAsifHossainNadim self-assigned this Jul 17, 2025

MdAsifHossainNadim added the In Progress The issues is being worked on label Jul 17, 2025

MdAsifHossainNadim added 4 commits July 17, 2025 10:03

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

ecc8f51

…okan-admin-dashboard-ui

feat: implement UI for Dokan admin dashboard with sales chart and met…

5cee063

…rics sections

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

d0c0194

…okan-admin-dashboard-ui

feat: update skeleton components to use concise function syntax and i…

f000d13

…mprove prop typing

MdAsifHossainNadim added Needs: Testing This requires further testing Needs: Dev Review It requires a developer review and approval and removed In Progress The issues is being worked on labels Jul 18, 2025

MdAsifHossainNadim requested a review from mrabbani July 18, 2025 12:01

MdAsifHossainNadim mentioned this pull request Jul 18, 2025

feat: Implement admin dashboard api metrics. (PR-3) #2796

Merged

12 tasks

MdAsifHossainNadim changed the title ~~feat: Connect Dokan admin dashboard UI with API.~~ feat: Connect Dokan admin dashboard UI with API. (PR-3) Jul 18, 2025

MdAsifHossainNadim added 2 commits July 18, 2025 20:26

feat: refactor dashboard menu structure and update routing for improv…

5946d81

…ed navigation

MdAsifHossainNadim changed the title ~~feat: Connect Dokan admin dashboard UI with API. (PR-3)~~ feat: Connect Dokan admin dashboard UI with API. (PR-4) Jul 18, 2025

MdAsifHossainNadim added 11 commits July 18, 2025 21:35

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

b92e54a

…okan-admin-dashboard-ui

feat: update admin dashboard UI components and styles for improved la…

8c6fc66

…yout and functionality

feat: update AdminNotices and Section components for improved UI and …

33c556c

…functionality

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

ed8c1a0

…okan-admin-dashboard-ui

feat: add sorting utility and integrate it into dashboard sections

f1bd759

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

d4300e1

…okan-admin-dashboard-ui # Conflicts: # src/admin/dashboard/pages/dashboard/Elements/Section.tsx

feat: enhance MiniCard component with clickable styling for better us…

fd42250

…er interaction

Merge branch 'feat/admin-dashboard-metrics-api' into feat/implement-d…

3197641

…okan-admin-dashboard-ui

feat: update DokanButton to navigate using window.location.href inste…

f6f83e9

…ad of opening a new tab

enhance: enhance MonthPicker and Section components, improve data han…

d15ffc8

…dling in index.tsx

MdAsifHossainNadim removed the Needs: Testing This requires further testing label Aug 26, 2025

feat: implement vendor metrics section and update related API endpoints

3c3bba4

MdAsifHossainNadim merged commit 0b6f282 into feat/admin-dashboard-metrics-api Sep 11, 2025
1 check failed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: Connect Dokan admin dashboard UI with API. (PR-4) #2803

feat: Connect Dokan admin dashboard UI with API. (PR-4) #2803

Uh oh!

MdAsifHossainNadim commented Jul 17, 2025 •

edited

Loading

Uh oh!

coderabbitai bot commented Jul 17, 2025 •

edited

Loading

Review skipped

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

feat: Connect Dokan admin dashboard UI with API. (PR-4) #2803

feat: Connect Dokan admin dashboard UI with API. (PR-4) #2803

Uh oh!

Conversation

MdAsifHossainNadim commented Jul 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

All Submissions:

Changes proposed in this Pull Request:

Related Pull Request(s)

Closes

How to test the changes in this Pull Request:

Changelog entry

Before Changes

After Changes

Feature Video (optional)

PR Self Review Checklist:

FOR PR REVIEWER ONLY:

Uh oh!

coderabbitai bot commented Jul 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

MdAsifHossainNadim commented Jul 17, 2025 •

edited

Loading

coderabbitai bot commented Jul 17, 2025 •

edited

Loading