WooNooW/DASHBOARD_TWEAKS_TODO.md

Dashboard Tweaks TODO

Completed ✅

1. Fix On-hold and Trash Color Conflict

Status: ✅ DONE

Issue: Both on-hold and trash used same gray color (#6b7280)

Solution:

• On-hold: #64748b (Slate 500)
• Trash: #475569 (Slate 600 - darker)

Files Updated:

• includes/Api/AnalyticsController.php (2 locations)

---

Pending Tasks

2. Add "No Data" State to Charts ⏳

Affected Charts:

• Revenue chart (Dashboard → Revenue submenu)
• Orders chart (Dashboard → Orders submenu)
• Coupon chart (Dashboard → Coupons submenu)

Current Behavior:

• Overview page shows "No data" message ✓
• Submenu charts show empty/broken charts ✗

Required Implementation:

{chartData.length === 0 ? (
  <div className="flex items-center justify-center h-64">
    <div className="text-center">
      <Package className="w-12 h-12 text-muted-foreground mx-auto mb-2" />
      <p className="text-muted-foreground">No data available</p>
      <p className="text-sm text-muted-foreground">
        Data will appear once you have {type}
      </p>
    </div>
  </div>
) : (
  <ResponsiveContainer>
    {/* Chart */}
  </ResponsiveContainer>
)}

Files to Update:

• admin-spa/src/routes/Dashboard/Revenue.tsx
• admin-spa/src/routes/Dashboard/Orders.tsx
• admin-spa/src/routes/Dashboard/Coupons.tsx

---

3. VIP Customer Settings ⏳

Requirement: Add settings to configure VIP customer qualification

Proposed Location: /settings/customers (new page)

Settings:

interface VIPSettings {
  // Qualification Criteria
  minTotalSpent: number;        // e.g., $1000
  minOrderCount: number;         // e.g., 10 orders
  timeframe: 'all' | '30' | '90' | '365'; // Days or all-time
  
  // Optional Criteria
  requireBoth: boolean;          // Both spent AND count, or either?
  excludeRefunded: boolean;      // Exclude refunded orders?
  
  // Benefits (for display/reference)
  vipBenefits: string[];         // e.g., ["Free shipping", "10% discount"]
}

UI Design:

Customer Settings
├── VIP Qualification
│   ├── Minimum Total Spent: $___
│   ├── Minimum Order Count: ___
│   ├── Timeframe: [All time | Last 30 days | Last 90 days | Last year]
│   ├── ☐ Require both criteria (vs either one)
│   └── ☐ Exclude refunded orders
│
└── VIP Benefits (optional reference)
    └── [Add benefit] button

Implementation Steps:

1. Create admin-spa/src/routes/Settings/Customers.tsx
2. Add backend endpoint: POST /settings/customers
3. Create includes/Compat/CustomerSettingsProvider.php
4. Add to navigation tree
5. Implement VIP badge logic in customer list

Backend Storage:

// WordPress options
woonoow_vip_min_spent = 1000
woonoow_vip_min_orders = 10
woonoow_vip_timeframe = 'all'
woonoow_vip_require_both = true
woonoow_vip_exclude_refunded = true

VIP Detection Query:

function is_vip_customer($customer_id) {
    $settings = get_vip_settings();
    
    $query_args = [
        'customer_id' => $customer_id,
        'status' => ['completed', 'processing'],
    ];
    
    if ($settings['timeframe'] !== 'all') {
        $query_args['date_created'] = '>' . date('Y-m-d', strtotime("-{$settings['timeframe']} days"));
    }
    
    if ($settings['exclude_refunded']) {
        $query_args['status'] = array_diff($query_args['status'], ['refunded']);
    }
    
    $orders = wc_get_orders($query_args);
    
    $total_spent = array_sum(array_map(fn($o) => $o->get_total(), $orders));
    $order_count = count($orders);
    
    if ($settings['require_both']) {
        return $total_spent >= $settings['min_spent'] 
            && $order_count >= $settings['min_orders'];
    } else {
        return $total_spent >= $settings['min_spent'] 
            || $order_count >= $settings['min_orders'];
    }
}

---

Summary

Completed:

• ✅ On-hold/Trash color conflict fixed

Pending:

• ⏳ No data state for Revenue/Orders/Coupons charts
• ⏳ VIP customer settings page

Priority:

1. No data states (quick fix)
2. VIP settings (new feature)