SharpRSS/WebSharpRSS/Shared/ReadDialog.razor

@using WebSharpRSS.Models
@using ToolQit.Extensions

<MudDialog DefaultFocus="DefaultFocus.Element">
    <TitleContent>
        <div style="justify-self: start;" class="d-flex align-center">
            @if (Data?.SyndicationParent.Category != null)
            {
                <MudIcon Icon="@Data.SyndicationParent.Category.Icon" Size="Size.Medium" Style="@($"color:{Data.SyndicationParent.Category.HexColor}")"/>
            }
            @if (Data?.SyndicationParent.ImageUrl != null)
            {
                <MudImage Src="@Data.SyndicationParent.ImageUrl" ObjectFit="ObjectFit.Contain" Width="32" Height="32"/>
            }
            <div class="d-inline px-3 align-center" style="font-size: 30px;">
                @((MarkupString)(Data?.Title ?? "This item doesn't contains a title!"))
            </div>
        </div>
        <MudDivider DividerType="DividerType.FullWidth" Light="false" Class="my-2"/>
    </TitleContent>
    <DialogContent>
        <div style="font-size: 20px; max-height: 80vh; height: auto; overflow-y: scroll;">
            @((MarkupString)((Data?.Content == null || Data.Content.IsNullEmptyWhiteSpace() ? Data?.Description : Data.Content) ?? "This item doesn't contain any content!"))
        </div>
    </DialogContent>
</MudDialog>

@code {
    [Parameter]
    public SyndicationItemData? Data { get; set; }
    
}