how to display loading or busy while waiting for a remote service call to bring result in MVUX

[modula2019]

Hello there! I am using MVUX for my data binding. I want to customize the Commerce app- the login UI- I should be able to call a login service. The login process will take few seconds before it authenticates the user. However, during this waiting time, I want to be able to display a loading view/progress bar or any busy item while waiting and should hide it when the authentication is completed. I have heard about FeedView to implement this but I am struggling to make this happen. Has anyone done this before? Remember I am using MVUX and the using IState for my credential model. I am using everything in the loginmodel of commerce app. I am just adding the section that makes a call to the authentication service. How will I handle the loginpage (UI) to implement this FeedView? Thanks in advance!

this is my LoginViewModel

public partial record   LoginModel(
   INavigator Navigator,
   IOptions<AppConfig> appInfo,
   IResourceService ResourceService)
{
   public string Title { get; } = appInfo.Value.Title;
   public IState<Credentials> Credentials => State<Credentials>.Empty(this);

   public ICommand Login => Command.Create(b => b.Given(Credentials).When(CanLogin).Then(DoLogin));

   private bool CanLogin(Credentials credentials) => credentials is { UserName.Length: > 0 } and { Password.Length: > 0 };

   private async ValueTask DoLogin(Credentials credentials, CancellationToken ct)
   {
       bool success;
       var username = credentials.UserName ?? string.Empty;
       var password = credentials.Password ?? string.Empty;

       if (appInfo.Value.IsOffline)
       {
           success = true;
       }
       else
       {
           var loginUser = await ResourceService.GetResource(username);
           success = loginUser.timeSheetAppPassword == password;
           credentials.FullName = loginUser.name;

       }

       if (success)
       {
           await Navigator.NavigateBackWithResultAsync(this, data: Option.Some(credentials), cancellation: ct);
       }

   }
}`
>

[modula2019]

This is resolved.
The ProgressRing should be embedded in a Loading Content

<utu:LoadingView Source="{Binding Login}">
  <utu:LoadingView.LoadingContent>
    <ProgressRing HorizontalAlignment="Center" VerticalAlignment="Center" Width="200" Height="200"/>
  </utu:LoadingView.LoadingContent>
</utu:LoadingView>