feat(replays): Update replay DTO and view component

- Updated the `ReplayDTO` model to change the property name from `miniMapUri` to `minimapUri`.
- Modified the `ReplaysIngestService` class to conditionally set the `MinimapUri` property based on whether the replay has been rendered.
- Updated the `view-post.component.html` template to handle the changes in the `post.replay.minimapUri` property.
- Added a processing message when rendering the replay minimap.

These changes improve consistency and enhance the display of replays in posts.

WowsKarma.Api/Services/Replays/ReplaysIngestService.cs

@@ -63,7 +63,7 @@ public async Task<ReplayDTO> GetReplayDTOAsync(Guid id)
 				.Select(m => m with { Username = replay.Players.FirstOrDefault(p => p.AccountId == m.PlayerId).Name }),
 			Players = replay.Players.Adapt<IEnumerable<ReplayPlayerDTO>>(),
 			DownloadUri = $"{_containerClient.Uri}/{ReplayBlobContainer}/{replay.BlobName}",
-			MiniMapUri = $"{_serviceClient.Uri}{MinimapRenderingService.MinimapBlobContainer}/{replay.Id}.mp4"
+			MinimapUri = replay.MinimapRendered ? $"{_serviceClient.Uri}{MinimapRenderingService.MinimapBlobContainer}/{replay.Id}.mp4" : null
 		};
 	}
 

WowsKarma.Common/Models/DTOs/Replays/ReplayDTO.cs

@@ -8,7 +8,7 @@ public record ReplayDTO
 
 	public string DownloadUri { get; init; }
 
-	public string MiniMapUri { get; init; }
+	public string? MinimapUri { get; init; }
 
 	public IEnumerable<ReplayPlayerDTO> Players { get; set; }
 

wowskarma.app/src/app/pages/post/view/view-post.component.html

@@ -11,14 +11,18 @@ <h1>View Post</h1>
           <app-post [post]="post" [postDisplayType]="'neutral'"></app-post>
         </div>
 
-        <div *ngIf="post.replay?.miniMapUri as minimapUri" class="col-xl-7 col-md-6">
+        <div *ngIf="post.replay" class="col-xl-7 col-md-6">
           <!-- Display the minimap video -->
-          <h3 class="mb-5">Minimap</h3>
+          <h2 class="mb-5">Minimap</h2>
 
-          <video class="w-100" controls autoplay muted loop preload="auto">
+          <video *ngIf="post.replay.minimapUri as minimapUri else minimapProcessing" class="w-100" controls autoplay muted loop preload="auto">
             <source [src]="minimapUri" type="video/mp4">
             Your browser does not support the video tag.
           </video>
+
+          <ng-template #minimapProcessing>
+            <h3 class="text-info"><i>Rendering Replay minimap...</i></h3>
+          </ng-template>
         </div>
       </div>
     </div>

wowskarma.app/src/app/services/api/models/replay-dto.ts

@@ -5,7 +5,7 @@ import { ReplayPlayerDto } from './replay-player-dto';
 export interface ReplayDto {
   chatMessages?: null | Array<ReplayChatMessageDto>;
   downloadUri?: null | string;
-  miniMapUri?: null | string;
+  minimapUri?: null | string;
   id?: string;
   players?: null | Array<ReplayPlayerDto>;
   postId?: string;