Add image to home and leaderboard meta data

Simyon264 · Aug 22, 2024 · 242d064 · 242d064
1 parent 7915a48
commit 242d064
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/ReplayBrowser/Pages/Home.razor b/ReplayBrowser/Pages/Home.razor
@@ -8,7 +8,7 @@
 @inject ReplayHelper ReplayHelper
 @inject AuthenticationStateProvider AuthenticationStateProvider
 
-<MetaDataSpecifer/>
+<MetaDataSpecifer IncludeImage="true"/>
 
 <PageTitle>Replay browser</PageTitle>
 

diff --git a/ReplayBrowser/Pages/Leaderboard.razor b/ReplayBrowser/Pages/Leaderboard.razor
@@ -15,6 +15,7 @@
 <MetaDataSpecifer
     Title="Leaderboards"
     Description="View leaderboards for various tracked statistics. See how you compare to other players!"
+    IncludeImage="true"
 />
 
 <PageTitle>Leaderboard</PageTitle>

diff --git a/ReplayBrowser/Pages/Shared/MetaDataSpecifer.razor b/ReplayBrowser/Pages/Shared/MetaDataSpecifer.razor
@@ -4,25 +4,38 @@
     <meta name="title" content="Replay Browser @Title" />
     <meta name="description" content="@Description" />
     <meta name="theme-color" content="#9d32a8">
-    
+
     <meta property="og:type" content="website" />
     <meta property="og:url" content="@NavigationManager.Uri" />
     <meta property="og:title" content="Replay Browser @Title" />
     <meta property="og:description" content="@Description" />
-
+    <meta property="og:locale" content="en_GB">
+
     <meta property="twitter:card" content="summary" />
     <meta property="twitter:url" content="@NavigationManager.Uri" />
     <meta property="twitter:title" content="Replay Browser @Title" />
     <meta property="twitter:description" content="@Description" />
+
+    @if (IncludeImage)
+    {
+        <meta property="og:image" content="@ImageUrl" />
+        <meta property="twitter:image" content="@ImageUrl" />
+    }
+
 </HeadContent>
 
 @code {
     [Parameter]
     public string? Title { get; set; }
-    
+
     [Parameter]
     public string? Description { get; set; }
 
+    [Parameter]
+    public bool IncludeImage { get; set; } = false;
+
+    private string ImageUrl => $"{NavigationManager.BaseUri}assets/img/replaybrowser-white.png";
+
     protected override void OnInitialized()
     {
         Description ??= "Search and browse replays for Space Station 14.";