@if (SearchingDevices)
{
    <b>Searching devices...</b>
}
else
{
    <div class="cards">

        @foreach (var device in Devices)
        {
            <DeviceItem Device="@device"></DeviceItem>
        }
    </div>
}

@functions {
    public bool SearchingDevices { get; set; }

    public List<Device> Devices { get; set; }

    protected override async Task OnInitAsync()
    {
        SearchingDevices = true;
        Devices = await DeviceLocator.Discover();
        SearchingDevices = false;
        StateHasChanged();
    }
}