LANCommander/LANCommander.UI/Components/Chat/ChatThread.razor

@using System.Collections.Specialized
@using LANCommander.SDK.Services
@using Microsoft.AspNetCore.Components.Web.Virtualization
@inject ChatClient ChatClient
@namespace LANCommander.UI.Components

<Flex Direction="FlexDirection.Vertical">
    <div style="flex-grow: 1;">
        <Virtualize Items="_messageGroups" Context="messageGroup">
            <CascadingValue Name="Messages" Value="@messageGroup.Messages">
                <ChatMessageGroup
                    @key="messageGroup.Id"
                    UserId="@messageGroup.UserId"
                    UserName="@messageGroup.UserName"
                    StartedOn="@messageGroup.StartedOn.LocalDateTime" />
            </CascadingValue>
        </Virtualize>
    </div>
    
    <ChatMessageInput OnSendMessage="SendMessage" />
</Flex>

@code {
    [Parameter] public Guid Id { get; set; }
    
    ICollection<SDK.Models.ChatMessageGroup> _messageGroups = new List<SDK.Models.ChatMessageGroup>();
    ICollection<SDK.Models.ChatMessage> _messages = new List<SDK.Models.ChatMessage>();
    SDK.Models.ChatThread _thread;

    bool _sendingMessage = false;
    string _inputContents = String.Empty;

    protected override async Task OnParametersSetAsync()
    {
        if (Id != Guid.Empty)
        {
            _thread = ChatClient.GetThread(Id);
            
            _thread.MessageGroups.CollectionChanged += MessageGroupsOnCollectionChanged; 
        }
    }

    void MessageGroupsOnCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
    {
        StateHasChanged();
    }

    async Task SendMessage(string contents)
    {
        await ChatClient.SendMessageAsync(Id, contents);
    }
}