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

fix: extract notification utility functions for better code organization and reuse in NotificationsPage and NotificationCenter

Browse Source
This commit is contained in:
Usman Baig
2026-02-16 20:46:36 +01:00
parent 56b99dfcef
commit 3b9f33b838
4 changed files with 35 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/notifications/NotificationCenter.tsx
View File

@@ -8,7 +8,8 @@ import { useEffect, useState, useRef } from 'react'
import Link from 'next/link'
import { listNotifications, markNotificationRead, markAllNotificationsRead, type Notification } from '@/lib/api/notifications'
import { getAuthErrorMessage } from '@/lib/utils/authErrors'
import { AlertTriangleIcon, CheckCircleIcon, SettingsIcon } from '@ciphera-net/ui'
import { formatTimeAgo, getTypeIcon } from '@/lib/utils/notifications'
import { SettingsIcon } from '@ciphera-net/ui'
// * Bell icon (simple SVG, no extra deps)
function BellIcon({ className }: { className?: string }) {
@@ -31,27 +32,6 @@ function BellIcon({ className }: { className?: string }) {
)
}
function formatTimeAgo(dateStr: string): string {
const d = new Date(dateStr)
const now = new Date()
const diffMs = now.getTime() - d.getTime()
const diffMins = Math.floor(diffMs / 60000)
const diffHours = Math.floor(diffMs / 3600000)
const diffDays = Math.floor(diffMs / 86400000)
if (diffMins < 1) return 'Just now'
if (diffMins < 60) return `${diffMins}m ago`
if (diffHours < 24) return `${diffHours}h ago`
if (diffDays < 7) return `${diffDays}d ago`
return d.toLocaleDateString()
}
function getTypeIcon(type: string) {
if (type.includes('down') || type.includes('degraded') || type.startsWith('billing_')) {
return <AlertTriangleIcon className="w-4 h-4 shrink-0 text-amber-500" />
}
return <CheckCircleIcon className="w-4 h-4 shrink-0 text-emerald-500" />
}
const LOADING_DELAY_MS = 250
const POLL_INTERVAL_MS = 90_000