Added social page and fixed garden page layout. ALSO added text next to

navbar.

Scripts/Garden/Garden.js

@@ -88,7 +88,6 @@ async function StartGame() {
     );
 
     await RenderUser();
-    await RenderLeaderboard();
 }
 
 

Scripts/Garden/Leaderboard.js

@@ -1,9 +1,15 @@
-async function RenderLeaderboard() {
+async function RenderLeaderboard(
+    CurrentUsername = null
+) {
     const Body =
         document.getElementById(
             "LeaderboardBody"
         );
 
+    if (Body === null) {
+        return;
+    }
+
     try {
         const Response = await fetch(
             ApiUrl + "/Leaderboard.php"
@@ -53,13 +59,16 @@ async function RenderLeaderboard() {
         }
 
 
-        const UsernameDisplay =
-            document.getElementById(
-                "UsernameDisplay"
-            );
+        if (CurrentUsername === null) {
+            const UsernameDisplay =
+                document.getElementById(
+                    "UsernameDisplay"
+                );
 
-        const CurrentUsername =
-            UsernameDisplay?.textContent;
+            CurrentUsername =
+                UsernameDisplay?.textContent ??
+                null;
+        }
 
 
         for (

Scripts/Garden/Social.js

@@ -0,0 +1,30 @@
+async function StartSocial() {
+    let CurrentUsername = null;
+
+    try {
+        const Profile = await GetProfile();
+
+        if (
+            Profile.Success &&
+            Profile.Username !== null
+        ) {
+            CurrentUsername =
+                Profile.Username;
+        }
+    } catch (Error) {
+        console.error(
+            "Couldn't load current profile:",
+            Error
+        );
+    }
+
+    await RenderLeaderboard(
+        CurrentUsername
+    );
+}
+
+
+document.addEventListener(
+    "DOMContentLoaded",
+    StartSocial
+);

Scripts/Garden/Users.js

@@ -1,6 +1,25 @@
 const DefaultColourPickerValue = "#000000";
 
 
+function RenderGardenOwnerHeading(
+    Username
+) {
+    const Heading =
+        document.getElementById(
+            "GardenPageHeading"
+        );
+
+    if (Heading === null) {
+        return;
+    }
+
+    Heading.textContent =
+        Username === null
+            ? "Your Garden"
+            : Username + "'s Garden";
+}
+
+
 function IsValidPlayerColour(
     Colour
 ) {
@@ -270,6 +289,10 @@ async function RenderUser() {
 
         UsernameForm.hidden = true;
 
+        RenderGardenOwnerHeading(
+            Profile.Username
+        );
+
         return;
     }
 
@@ -282,6 +305,10 @@ async function RenderUser() {
     );
 
     UsernameForm.hidden = false;
+
+    RenderGardenOwnerHeading(
+        null
+    );
 }
 
 
@@ -316,7 +343,6 @@ async function SubmitUsername(
         "Username set.";
 
     await RenderUser();
-    await RenderLeaderboard();
 }