@* A name that links to Spotify when we know its id, and is plain text when we don't. *@
@* Plays recorded before an id was stored, or ones RVRB passed through without one, are *@
@* ordinary here rather than exceptional - hence one component instead of an @@if per table. *@

@if (string.IsNullOrEmpty(Id))
{
    @Name
}
else
{
    <a href="@Url">@Name</a>
}

@code {
    /// <summary>What the id identifies: <c>track</c>, <c>artist</c>, <c>album</c>.</summary>
    [Parameter]
    [EditorRequired]
    public required string Kind { get; set; }

    /// <summary>The Spotify id. Null or empty renders the name unlinked.</summary>
    [Parameter]
    public string? Id { get; set; }

    [Parameter]
    [EditorRequired]
    public required string Name { get; set; }

    private string Url => $"https://open.spotify.com/{Kind}/{Uri.EscapeDataString(Id!)}";
}