chore: upgrade @ciphera-net/ui to v0.0.18 and refactor icon imports across components
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user