feat: Implement live Shipping settings page

Implemented functional Shipping settings page with WooCommerce integration.

Features:
 Fetch shipping zones from WooCommerce API
 Display zones with rates in card layout
 Refresh button to reload data
 "View in WooCommerce" button for full settings
 Edit zone links to WooCommerce
 Add zone link to WooCommerce
 Loading states with spinner
 Empty state when no zones configured
 Internationalization (i18n) throughout
 Shipping tips help card

Implementation:
- Uses React Query for data fetching
- Integrates with WooCommerce shipping API
- Links to WooCommerce for detailed configuration
- Clean, modern UI matching Payments page
- Responsive design

API Endpoint:
- GET /settings/shipping/zones

Note: Full CRUD operations handled in WooCommerce for now.
Future: Add inline editing capabilities.
This commit is contained in:
dwindown
2025-11-08 21:18:51 +07:00
parent ab887f8f11
commit e8b4421950
2 changed files with 99 additions and 138 deletions

View File

@@ -130,4 +130,9 @@
/* --- WooNooW: Popper menus & fullscreen fixes --- */
[data-radix-popper-content-wrapper] { z-index: 2147483647 !important; }
body.woonoow-fullscreen .woonoow-app { overflow: visible; }
body.woonoow-fullscreen .woonoow-app { overflow: visible; }
/* a[href] {
color: rgb(34 197 94);
font-weight: bold;
} */