import { IconHelp, IconPlus, IconSettings, IconWifiOff } from '@tabler/icons-react'
import { Head } from '@inertiajs/react'
import BouncingLogo from '~/components/BouncingLogo'
import AppLayout from '~/layouts/AppLayout'
import { getServiceLink } from '~/lib/navigation'
const STATIC_ITEMS = [
{
label: 'Install Apps',
to: '/settings/apps',
target: '',
description: 'Not seeing your favorite app? Install it here!',
icon: ,
installed: true,
},
{
label: 'Docs',
to: '/docs/home',
target: '',
description: 'Read Project N.O.M.A.D. manuals and guides',
icon: ,
installed: true,
},
{
label: 'Settings',
to: '/settings/system',
target: '',
description: 'Configure your N.O.M.A.D. settings',
icon: ,
installed: true,
},
]
export default function Home(props: {
system: {
services: { id: number; service_name: string; installed: boolean; ui_location: string }[]
}
}) {
const items = []
console.log(props.system.services)
props.system.services.map((service) => {
items.push({
label: service.service_name,
to: getServiceLink(service.ui_location),
target: '_blank',
description: `Access ${service.service_name} content`,
icon: ,
installed: service.installed,
})
})
items.push(...STATIC_ITEMS)
return (
)
}