From 242d064559d0ee2e4a0c4669cae73366c943b1af Mon Sep 17 00:00:00 2001
From: Simon <63975668+Simyon264@users.noreply.github.com>
Date: Thu, 22 Aug 2024 13:21:12 +0200
Subject: [PATCH] Add image to home and leaderboard meta data

---
 ReplayBrowser/Pages/Home.razor                |  2 +-
 ReplayBrowser/Pages/Leaderboard.razor         |  1 +
 .../Pages/Shared/MetaDataSpecifer.razor       | 19 ++++++++++++++++---
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/ReplayBrowser/Pages/Home.razor b/ReplayBrowser/Pages/Home.razor
index 4e68793..9322b5f 100644
--- 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
index fbab01b..e15561c 100644
--- 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
index d94268c..e16ed95 100644
--- 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.";