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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user