<.icon name="hero-server" class="mx-auto h-12 w-12 text-gray-400 dark:text-gray-500" />
Add your first device
Start monitoring by adding network devices to this site.
You can add routers, switches, servers, or any device with an IP address.
<.button
navigate={~p"/devices/new?site_id=#{@site.id}"}
variant="primary"
>
<.icon name="hero-plus" class="h-5 w-5" /> Add Device
<.link
:for={eq <- @device}
navigate={~p"/devices/#{eq.id}"}
class="flex items-center justify-between rounded-lg border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-800/50 hover:border-gray-300 dark:hover:border-white/20 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer"
>
{eq.name}
{eq.ip_address}
{eq.status |> to_string() |> String.upcase()}