chore: upgrade @ciphera-net/ui to v0.0.18 and refactor icon imports across components

This commit is contained in:
Usman Baig
2026-01-24 12:50:43 +01:00
parent 1c4ea35296
commit 5857a2ea15
10 changed files with 41 additions and 43 deletions

View File

@@ -6,7 +6,7 @@ import { initiateOAuthFlow, initiateSignupFlow } from '@/lib/api/oauth'
import { LoadingOverlay } from '@ciphera-net/ui'
import SiteList from '@/components/sites/SiteList'
import { Button } from '@ciphera-net/ui'
import { BarChartIcon, LockClosedIcon, LightningBoltIcon } from '@radix-ui/react-icons'
import { BarChartIcon, LockIcon, LightningIcon } from '@ciphera-net/ui'
export default function HomePage() {
const { user, loading } = useAuth()
@@ -58,7 +58,7 @@ export default function HomePage() {
<div className="grid md:grid-cols-3 gap-8 pt-16 text-left">
<div className="p-6 rounded-xl bg-neutral-50 dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800">
<div className="w-12 h-12 bg-brand-orange/10 rounded-xl flex items-center justify-center mb-4 text-brand-orange">
<LockClosedIcon className="w-6 h-6" />
<LockIcon className="w-6 h-6" />
</div>
<h3 className="text-xl font-bold text-neutral-900 dark:text-white mb-2">Privacy First</h3>
<p className="text-neutral-600 dark:text-neutral-400">
@@ -76,7 +76,7 @@ export default function HomePage() {
</div>
<div className="p-6 rounded-xl bg-neutral-50 dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800">
<div className="w-12 h-12 bg-brand-orange/10 rounded-xl flex items-center justify-center mb-4 text-brand-orange">
<LightningBoltIcon className="w-6 h-6" />
<LightningIcon className="w-6 h-6" />
</div>
<h3 className="text-xl font-bold text-neutral-900 dark:text-white mb-2">Lightweight</h3>
<p className="text-neutral-600 dark:text-neutral-400">

View File

@@ -12,7 +12,7 @@ import Locations from '@/components/dashboard/Locations'
import TechSpecs from '@/components/dashboard/TechSpecs'
import PerformanceStats from '@/components/dashboard/PerformanceStats'
import { Select, DatePicker as DatePickerModal } from '@ciphera-net/ui'
import { LightningBoltIcon } from '@radix-ui/react-icons'
import { LightningIcon } from '@ciphera-net/ui'
// Helper to get date ranges
const getDateRange = (days: number) => {
@@ -105,7 +105,7 @@ export default function PublicDashboardPage() {
<div className="max-w-md w-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl p-8 shadow-lg">
<div className="text-center mb-6">
<div className="w-12 h-12 bg-brand-orange/10 rounded-xl flex items-center justify-center mx-auto mb-4 text-brand-orange">
<LightningBoltIcon className="w-6 h-6" />
<LightningIcon className="w-6 h-6" />
</div>
<h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-2">
Protected Dashboard
@@ -254,7 +254,7 @@ export default function PublicDashboardPage() {
rel="noopener noreferrer"
className="hidden md:flex items-center gap-2 px-3 py-2 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-lg text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
>
<LightningBoltIcon className="w-4 h-4" />
<LightningIcon className="w-4 h-4" />
<span>Powered by Ciphera</span>
</a>
</div>

View File

@@ -13,14 +13,14 @@ import { generatePrivacySnippet } from '@/lib/utils/privacySnippet'
import { motion, AnimatePresence } from 'framer-motion'
import { useAuth } from '@/lib/auth/context'
import {
GearIcon,
SettingsIcon,
GlobeIcon,
FileTextIcon,
CheckIcon,
CopyIcon,
ExclamationTriangleIcon,
LightningBoltIcon,
} from '@radix-ui/react-icons'
AlertTriangleIcon,
LightningIcon,
} from '@ciphera-net/ui'
const TIMEZONES = [
'UTC',
@@ -236,7 +236,7 @@ export default function SiteSettingsPage() {
: 'text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800'
}`}
>
<GearIcon className="w-5 h-5" />
<SettingsIcon className="w-5 h-5" />
General
</button>
<button
@@ -267,7 +267,7 @@ export default function SiteSettingsPage() {
<div className="flex-1 relative">
{!canEdit && (
<div className="mb-6 p-4 bg-amber-50 dark:bg-amber-900/10 text-amber-800 dark:text-amber-200 rounded-xl border border-amber-200 dark:border-amber-800 flex items-center gap-3">
<ExclamationTriangleIcon className="w-5 h-5" />
<AlertTriangleIcon className="w-5 h-5" />
<p className="text-sm font-medium">You have read-only access to this site. Contact an admin to make changes.</p>
</div>
)}
@@ -359,7 +359,7 @@ export default function SiteSettingsPage() {
onClick={() => setShowVerificationModal(true)}
className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium"
>
<LightningBoltIcon className="w-4 h-4" />
<LightningIcon className="w-4 h-4" />
Verify Installation
</button>
<p className="text-xs text-neutral-500 dark:text-neutral-500">