vitalitymailg/shorturl-analytics
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
William Tso
2025-03-31 19:51:02 +08:00
parent b425f5b987
commit 8eb859ddde
2 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/(app)/dashboard/page.tsx
View File

@@ -143,7 +143,7 @@ export default function DashboardPage() {
return (
<div className="container mx-auto px-4 py-8">
<div className="flex justify-between items-center mb-8">
<h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Analytics Dashboard</h1>
<h1 className="text-2xl font-bold text-gray-900">Analytics Dashboard</h1>
<DateRangePicker
value={dateRange}
onChange={setDateRange}
@@ -151,9 +151,9 @@ export default function DashboardPage() {
</div>
<div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Events</h3>
<p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
<div className="bg-white rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500">Total Events</h3>
<p className="text-2xl font-semibold text-gray-900">
{loading ? (
<span className="text-gray-400">Loading...</span>
) : (
@@ -161,9 +161,9 @@ export default function DashboardPage() {
)}
</p>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Unique Visitors</h3>
<p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
<div className="bg-white rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500">Unique Visitors</h3>
<p className="text-2xl font-semibold text-gray-900">
{loading ? (
<span className="text-gray-400">Loading...</span>
) : (
@@ -171,9 +171,9 @@ export default function DashboardPage() {
)}
</p>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Conversions</h3>
<p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
<div className="bg-white rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500">Total Conversions</h3>
<p className="text-2xl font-semibold text-gray-900">
{loading ? (
<span className="text-gray-400">Loading...</span>
) : (
@@ -181,9 +181,9 @@ export default function DashboardPage() {
)}
</p>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Avg. Time Spent</h3>
<p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
<div className="bg-white rounded-lg shadow p-6">
<h3 className="text-sm font-medium text-gray-500">Avg. Time Spent</h3>
<p className="text-2xl font-semibold text-gray-900">
{loading ? (
<span className="text-gray-400">Loading...</span>
) : (
@@ -193,8 +193,8 @@ export default function DashboardPage() {
</div>
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-8">
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Event Trends</h2>
<div className="bg-white rounded-lg shadow p-6 mb-8">
<h2 className="text-lg font-semibold text-gray-900 mb-4">Event Trends</h2>
<div className="h-96">
{loading ? (
<div className="flex items-center justify-center h-full">
@@ -207,7 +207,7 @@ export default function DashboardPage() {
</div>
<div className="mb-8">
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Device Analytics</h2>
<h2 className="text-lg font-semibold text-gray-900 mb-4">Device Analytics</h2>
{loading ? (
<div className="flex items-center justify-center h-48">
<span className="text-gray-400">Loading...</span>
@@ -217,8 +217,8 @@ export default function DashboardPage() {
)}
</div>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Geographic Distribution</h2>
<div className="bg-white rounded-lg shadow p-6">
<h2 className="text-lg font-semibold text-gray-900 mb-4">Geographic Distribution</h2>
{loading ? (
<div className="flex items-center justify-center h-48">
<span className="text-gray-400">Loading...</span>