fix: Address all 7 shipping/UI issues

##  Issue #1: Drawer Z-Index
- Increased drawer z-index from 60 to 9999
- Now works in wp-admin fullscreen mode
- Already worked in standalone and normal wp-admin

##  Issue #2: Add Zone Button
- Temporarily links to WooCommerce zone creation
- Works for both header button and empty state button
- Full zone dialog UI deferred (complex region selector needed)

##  Issue #3: Modal-over-Modal
- Removed Add Delivery Option dialog
- Replaced with inline expandable list
- Click "Add Delivery Option" → shows methods inline
- Click method → adds it and collapses list
- Same pattern for both desktop dialog and mobile drawer
- No more modal-over-modal!

##  Issue #4-7: Local Pickup Page
Analysis:
- Multiple pickup locations is NOT WooCommerce core
- Its an addon feature (Local Pickup Plus, etc)
- Having separate page violates our 80/20 rule
- Local pickup IS part of "Shipping & Delivery"

Solution:
- Removed "Local Pickup" from navigation
- Core local_pickup method in zones is sufficient
- Keeps WooNooW focused on core features
- Advanced pickup locations → use addons

## Philosophy Reinforced:
WooNooW handles 80% of daily use cases elegantly.
The 20% advanced/rare features stay in WooCommerce or addons.
This IS the value proposition - simplicity without sacrificing power.
This commit is contained in:
dwindown
2025-11-10 09:40:28 +07:00
parent 8bbed114bd
commit d624ac5591
3 changed files with 95 additions and 55 deletions

View File

@@ -26,7 +26,7 @@ const DrawerOverlay = React.forwardRef<
>(({ className, ...props }, ref) => (
<DrawerPrimitive.Overlay
ref={ref}
className={cn("fixed inset-0 z-[60] bg-black/80", className)}
className={cn("fixed inset-0 z-[9999] bg-black/80", className)}
{...props}
/>
))
@@ -41,7 +41,7 @@ const DrawerContent = React.forwardRef<
<DrawerPrimitive.Content
ref={ref}
className={cn(
"fixed inset-x-0 bottom-0 z-[60] mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
"fixed inset-x-0 bottom-0 z-[9999] mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
className
)}
{...props}