← All changes
|
backend/views/components/Analytics/pages/CampaignDetails.jsx
+12
-12
1.4.4
→
1.4.21
View file →
| @@ -4,9 +4,9 @@ | ||
| 4 | 4 | import CampaignNotFound from '@/components/campaigns/CampaignNotFound'; |
| 5 | 5 | import CampaignProductsTable from '@/components/campaigns/CampaignProductsTable'; |
| 6 | 6 | import { useGetCampaignQuery } from '@/features/campaigns/campaignsApi'; |
| 7 | 7 | import { selectDateRangeParams } from '@/features/dateRange/dateRangeSlice'; |
| 8 | -import { cn, fmt, fmtDate } from '@/lib/utils'; | |
| 8 | +import { cn, fmt, formatDate } from '@/lib/utils'; | |
| 9 | 9 | import { __ } from '@wordpress/i18n'; |
| 10 | 10 | import { useState } from 'react'; |
| 11 | 11 | import { useSelector } from 'react-redux'; |
| 12 | 12 | import { useParams } from 'react-router'; |
| @@ -36,9 +36,9 @@ | ||
| 36 | 36 | dotColor: |
| 37 | 37 | CAMPAIGN_COLORS[data.campaign_id % CAMPAIGN_COLORS.length], |
| 38 | 38 | name: data.campaign_name, |
| 39 | 39 | intent: data.intent, |
| 40 | - dateRange: `${fmtDate(data.valid_date?.from)} - ${fmtDate(data.valid_date?.to)}`, | |
| 40 | + dateRange: `${formatDate(data.valid_date?.from)} - ${formatDate(data.valid_date?.to)}`, | |
| 41 | 41 | status: data.status, |
| 42 | 42 | totalOrders: data.total_orders, |
| 43 | 43 | customers: data.total_customers, |
| 44 | 44 | revenue: fmt(data.revenue), |
| @@ -45,17 +45,17 @@ | ||
| 45 | 45 | } |
| 46 | 46 | : null; |
| 47 | 47 | |
| 48 | 48 | return ( |
| 49 | - <div className="disco-min-h-screen disco-bg-[#f9fafb] disco-p-6 disco-space-y-3"> | |
| 49 | + <div className="disco:min-h-screen disco:bg-[#f9fafb] disco:px-6 disco:py-2 disco:space-y-3"> | |
| 50 | 50 | {isLoading ? ( |
| 51 | - <div className="disco-space-y-3"> | |
| 52 | - <div className="disco-h-16 disco-animate-pulse disco-rounded-xl disco-bg-white disco-border disco-border-[#e5e7eb]" /> | |
| 53 | - <div className="disco-flex disco-gap-3"> | |
| 51 | + <div className="disco:space-y-3"> | |
| 52 | + <div className="disco:h-16 disco:animate-pulse disco:rounded-xl disco:bg-white disco:border disco:border-[#e5e7eb]" /> | |
| 53 | + <div className="disco:flex disco:gap-3"> | |
| 54 | 54 | {Array.from({ length: 2 }).map((_, i) => ( |
| 55 | 55 | <div |
| 56 | 56 | key={i} |
| 57 | - className="disco-flex-1 disco-h-20 disco-animate-pulse disco-rounded-xl disco-bg-white disco-border disco-border-[#e5e7eb]" | |
| 57 | + className="disco:flex-1 disco:h-20 disco:animate-pulse disco:rounded-xl disco:bg-white disco:border disco:border-[#e5e7eb]" | |
| 58 | 58 | /> |
| 59 | 59 | ))} |
| 60 | 60 | </div> |
| 61 | 61 | </div> |
| @@ -74,19 +74,19 @@ | ||
| 74 | 74 | </> |
| 75 | 75 | ) : null} |
| 76 | 76 | |
| 77 | 77 | {/* Tabs */} |
| 78 | - <div className="disco-bg-white disco-border disco-border-[#e5e7eb] disco-rounded-xl disco-overflow-hidden"> | |
| 79 | - <div className="disco-flex disco-gap-0 disco-border-b disco-border-[#e5e7eb] disco-px-4 disco-pt-3"> | |
| 78 | + <div className="disco:bg-white disco:border disco:border-[#e5e7eb] disco:rounded-xl disco:overflow-hidden"> | |
| 79 | + <div className="disco:flex disco:gap-0 disco:border-b disco:border-[#e5e7eb] disco:px-4 disco:pt-3"> | |
| 80 | 80 | {TABS.map((tab) => ( |
| 81 | 81 | <button |
| 82 | 82 | key={tab.id} |
| 83 | 83 | onClick={() => setActiveTab(tab.id)} |
| 84 | 84 | className={cn( |
| 85 | - 'disco-px-3 disco-pb-2.5 disco-text-xs disco-font-medium disco-border-b-2 disco-transition-colors disco-mr-1', | |
| 85 | + 'disco:px-3 disco:pb-2.5 disco:text-xs disco:font-medium disco:border-b-2 disco:transition-colors disco:mr-1', | |
| 86 | 86 | activeTab === tab.id |
| 87 | - ? 'disco-border-[#0dc98b] disco-text-[#0dc98b]' | |
| 88 | - : 'disco-border-transparent disco-text-[#6b7280] hover:disco-text-[#111827]' | |
| 87 | + ? 'disco:border-[#0dc98b] disco:text-[#0dc98b]' | |
| 88 | + : 'disco:border-transparent disco:text-[#6b7280] disco:hover:text-[#111827]' | |
| 89 | 89 | )} |
| 90 | 90 | > |
| 91 | 91 | {tab.label} |
| 92 | 92 | </button> |