Empty state

namespace Rask.Site.Features.UiDocs.Examples;

// Search for what no supplier is called: the table's one row says so, across both columns, as Flux's demo draws it.
public sealed partial class EmptyExample : Component
{
    private static readonly (string Name, string City)[] Suppliers = [("Aminoff Freight", "Oslo"), ("Bothman & Sons", "Leeds"), ("Geidt Logistics", "Porto")];

    private string _search = "";

    protected override Component? Render()
    {
        var found = Suppliers.Where(s => s.Name.Contains(_search.Trim(), StringComparison.OrdinalIgnoreCase)).ToList();
        IEnumerable<Component> rows = found.Count == 0
            ? [Ui.TableRow.Key("none")[Ui.TableCell.ColSpan(2)[Ui.Empty["No supplier matches “" + _search.Trim() + "”."]]]]
            : found.Select(s => Ui.TableRow.Key(s.Name)[Ui.TableCell.Variant(Ui.TableCellVariant.Strong)[s.Name], Ui.TableCell[s.City]]);

        return Div.Class("grid gap-4")[
            Ui.Input.Value(_search).Placeholder("Search suppliers").Icon(Ui.IconName.MagnifyingGlass).Clearable().Class("max-w-xs")
                .OnInput(text => { _search = text; }).OnChange(text => { _search = text; }),
            Ui.Table.Id("ue-suppliers").ContainerClass("min-w-0")[
                Ui.TableColumns[Ui.TableColumn["Supplier"], Ui.TableColumn["City"]],
                Ui.TableRows[rows]
            ]
        ];
    }
}

namespace Rask.Site.Features.UiDocs.Examples;

// A list with nothing in it yet says so in place of its table. Out of a cell the page gives the ink: here the cell's.
public sealed partial class EmptyListExample : Component
{
    private bool _archived;

    protected override Component? Render() =>
        Div.Class("grid gap-4")[
            Div[Ui.Button.Key("archive").Sm.OnClick(() => { _archived = !_archived; })[_archived ? "Bring them back" : "Archive every driver"]],
            _archived
                ? Ui.Empty.Id("ue-drivers-empty").Class("text-sm text-zinc-500 dark:text-zinc-300")["No drivers yet."]
                : Ui.Table.Id("ue-drivers").ContainerClass("min-w-0")[
                    Ui.TableColumns[Ui.TableColumn["Driver"], Ui.TableColumn["Chip"]],
                    Ui.TableRows[
                        Ui.TableRow.Key("lindsey")[Ui.TableCell.Variant(Ui.TableCellVariant.Strong)["Lindsey Aminoff"], Ui.TableCell["C-0142"]],
                        Ui.TableRow.Key("jaxson")[Ui.TableCell.Variant(Ui.TableCellVariant.Strong)["Jaxson Geidt"], Ui.TableCell["C-0177"]]
                    ]
                ]
        ];
}