diff --git a/src/app/components/ServiceButton.tsx b/src/app/components/ServiceButton.tsx index be18e1a..93f3da2 100644 --- a/src/app/components/ServiceButton.tsx +++ b/src/app/components/ServiceButton.tsx @@ -2,7 +2,7 @@ import React, { useEffect, useState, ReactNode } from 'react'; -export default function ServiceButton({ url, checkUrl, className, icon, name, desc }: { url: string, checkUrl?: string, className: string, icon: ReactNode, name: string, desc: string }) { +export default function ServiceButton({ url, checkUrl, className, icon, name, desc, access }: { url: string, checkUrl?: string, className: string, icon: ReactNode, name: string, desc: string, access?: 'public' | 'private' | 'on_request' }) { const [status, setStatus] = useState<'pending' | 'up' | 'down'>('pending'); useEffect(() => { @@ -34,7 +34,12 @@ export default function ServiceButton({ url, checkUrl, className, icon, name, de }} title={status === 'up' ? 'Active' : status === 'down' ? 'Dead' : 'Checking...'} /> {icon} - {name} + + {name} + {access === 'public' && (public)} + {access === 'private' && (private)} + {access === 'on_request' && (on request)} + {desc} diff --git a/src/app/page.tsx b/src/app/page.tsx index 5a8bc8d..3c2ed50 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -354,6 +354,7 @@ export default function Home() { icon="🖥️" name="Proxmox" desc="Server Management" + access="private" />