ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

[PULSE-43] Design system standardization and branding alignment #11

Merged
uz1mani merged 16 commits from staging into main 2026-02-05 17:18:07 +00:00
Conversation 1 Commits 16 Files Changed 35 +475 -169
33 changed files with 475 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit db4d7f6cde - Show all commits

7
app/sites/[id]/page.tsx
View File

@@ -239,7 +239,10 @@ export default function SiteDashboardPage() {
</div> </div>
{/* Realtime Indicator */} {/* Realtime Indicator */}
<div className="flex items-center gap-2 px-3 py-1 bg-green-500/10 rounded-full border border-green-500/20"> <button
onClick={() => router.push(`/sites/${siteId}/realtime`)}
className="flex items-center gap-2 px-3 py-1 bg-green-500/10 rounded-full border border-green-500/20 hover:bg-green-500/20 transition-colors cursor-pointer"
>
<span className="relative flex h-2 w-2"> <span className="relative flex h-2 w-2">
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-75"></span> <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span> <span className="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span>
@@ -247,7 +250,7 @@ export default function SiteDashboardPage() {
<span className="text-sm font-medium text-green-700 dark:text-green-400"> <span className="text-sm font-medium text-green-700 dark:text-green-400">
{realtime} current visitors {realtime} current visitors
</span> </span>
</div> </button>
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2">

2
app/sites/[id]/realtime/page.tsx
View File

@@ -93,7 +93,7 @@ export default function RealtimePage() {
if (!site) return <div className="p-8">Site not found</div> if (!site) return <div className="p-8">Site not found</div>
return ( return (
<div className="w-full max-w-7xl mx-auto px-4 sm:px-6 py-8 h-[calc(100vh-64px)] flex flex-col"> <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8 h-[calc(100vh-64px)] flex flex-col">
<div className="mb-6 flex items-center justify-between"> <div className="mb-6 flex items-center justify-between">
<div> <div>
<div className="flex items-center gap-2 mb-1"> <div className="flex items-center gap-2 mb-1">

14
components/dashboard/ContentStats.tsx
View File

@@ -3,7 +3,7 @@
import { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
import { formatNumber } from '@/lib/utils/format' import { formatNumber } from '@/lib/utils/format'
import { TopPage, getTopPages, getEntryPages, getExitPages } from '@/lib/api/stats' import { TopPage, getTopPages, getEntryPages, getExitPages } from '@/lib/api/stats'
import { Modal, ArrowUpRightIcon } from '@ciphera-net/ui' import { Modal, ArrowUpRightIcon, LayoutDashboardIcon } from '@ciphera-net/ui'
interface ContentStatsProps { interface ContentStatsProps {
topPages: TopPage[] topPages: TopPage[]
@@ -149,8 +149,16 @@ export default function ContentStats({ topPages, entryPages, exitPages, domain,
))} ))}
</> </>
) : ( ) : (
<div className="h-full flex flex-col items-center justify-center"> <div className="h-full flex flex-col items-center justify-center text-center px-6 py-8 gap-3">
<p className="text-neutral-600 dark:text-neutral-400">No data available</p> <div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4">
<LayoutDashboardIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div>
<h4 className="font-semibold text-neutral-900 dark:text-white">
No page data yet
</h4>
<p className="text-sm text-neutral-500 dark:text-neutral-400 max-w-xs">
Your most visited pages will appear here as traffic arrives.
</p>
</div> </div>
)} )}
</div> </div>