matt/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Misc card styling

Browse Source
This commit is contained in:
Matt
2025-01-03 19:40:12 -05:00
parent d8371ab974
commit 618c5a3ebb
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
dashboard/src/components/dashboard/MiniEventFeed.jsx
View File

@@ -36,45 +36,45 @@ const METRIC_IDS = {
const EVENT_TYPES = { const EVENT_TYPES = {
[METRIC_IDS.PLACED_ORDER]: { [METRIC_IDS.PLACED_ORDER]: {
label: "Order Placed", label: "Order Placed",
color: "bg-green-300", color: "bg-green-200",
textColor: "text-green-100", textColor: "text-green-50",
iconColor: "text-green-900", iconColor: "text-green-800",
gradient: "from-green-900 to-green-800", gradient: "from-green-800 to-green-700",
}, },
[METRIC_IDS.SHIPPED_ORDER]: { [METRIC_IDS.SHIPPED_ORDER]: {
label: "Order Shipped", label: "Order Shipped",
color: "bg-blue-300", color: "bg-blue-200",
textColor: "text-blue-100", textColor: "text-blue-50",
iconColor: "text-blue-900", iconColor: "text-blue-800",
gradient: "from-blue-900 to-blue-800", gradient: "from-blue-800 to-blue-700",
}, },
[METRIC_IDS.ACCOUNT_CREATED]: { [METRIC_IDS.ACCOUNT_CREATED]: {
label: "New Account", label: "New Account",
color: "bg-purple-300", color: "bg-purple-200",
textColor: "text-purple-100", textColor: "text-purple-50",
iconColor: "text-purple-900", iconColor: "text-purple-800",
gradient: "from-purple-900 to-purple-800", gradient: "from-purple-800 to-purple-700",
}, },
[METRIC_IDS.CANCELED_ORDER]: { [METRIC_IDS.CANCELED_ORDER]: {
label: "Order Canceled", label: "Order Canceled",
color: "bg-red-300", color: "bg-red-200",
textColor: "text-red-100", textColor: "text-red-50",
iconColor: "text-red-900", iconColor: "text-red-800",
gradient: "from-red-900 to-red-800", gradient: "from-red-800 to-red-700",
}, },
[METRIC_IDS.PAYMENT_REFUNDED]: { [METRIC_IDS.PAYMENT_REFUNDED]: {
label: "Payment Refunded", label: "Payment Refunded",
color: "bg-orange-300", color: "bg-orange-200",
textColor: "text-orange-100", textColor: "text-orange-50",
iconColor: "text-orange-900", iconColor: "text-orange-800",
gradient: "from-orange-900 to-orange-800", gradient: "from-orange-800 to-orange-700",
}, },
[METRIC_IDS.NEW_BLOG_POST]: { [METRIC_IDS.NEW_BLOG_POST]: {
label: "New Blog Post", label: "New Blog Post",
color: "bg-indigo-300", color: "bg-indigo-200",
textColor: "text-indigo-100", textColor: "text-indigo-50",
iconColor: "text-indigo-900", iconColor: "text-indigo-800",
gradient: "from-indigo-900 to-indigo-800", gradient: "from-indigo-800 to-indigo-700",
}, },
}; };