fix: React admin icon imports and mount point rendering

- Fix all @wordpress/icons imports - use build/ paths and call as functions
- Update all admin pages to render React mount points
- Components fixed: VariationPricingTable, NotificationLog, GlobalSettings,
  FormFieldOptions, OrderDetail, OrderListItem, OrderList, FormCanvas,
  AnalyticsDashboard, FormField, Products
- Admin pages updated: Order.php, Customer.php, Coupon.php, License.php,
  Product.php, Access.php, Form.php

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
dwindown
2026-04-18 13:28:57 +07:00
parent 6fd6d29fe8
commit ab69d03f78
25 changed files with 21577 additions and 14586 deletions

View File

@@ -5,7 +5,10 @@
import { __ } from '@wordpress/i18n';
import { useState, useCallback, useEffect } from '@wordpress/element';
import { SelectControl } from '@wordpress/components';
import { Icon, chartLine, money, shoppingCart } from '@wordpress/icons';
import { Icon } from '@wordpress/icons';
import chartLine from '@wordpress/icons/build/chart-line';
import money from '@wordpress/icons/build/money';
import shoppingCart from '@wordpress/icons/build/shopping-cart';
import { ordersApi } from '../../api/client';
import './AnalyticsDashboard.css';
@@ -58,7 +61,7 @@ export default function AnalyticsDashboard() {
<div className="formipay-analytics-dashboard">
<div className="formipay-dashboard-header">
<h2>
<Icon icon={chartLine} />
<Icon icon={chartLine()} />
{ __('Dashboard', 'formipay') }
</h2>
<SelectControl
@@ -82,7 +85,7 @@ export default function AnalyticsDashboard() {
<div className="formipay-stats-grid">
<div className="stat-card">
<div className="stat-icon">
<Icon icon={shoppingCart} size={24} />
<Icon icon={shoppingCart()} size={24} />
</div>
<div className="stat-content">
<span className="stat-label">
@@ -96,7 +99,7 @@ export default function AnalyticsDashboard() {
<div className="stat-card">
<div className="stat-icon">
<Icon icon={money} size={24} />
<Icon icon={money()} size={24} />
</div>
<div className="stat-content">
<span className="stat-label">