From e38ccb04b06557ead57170f945c490a560da6247 Mon Sep 17 00:00:00 2001
From: Metritutus <324345+Metritutus@users.noreply.github.com>
Date: Sun, 24 Mar 2024 22:56:42 +0000
Subject: [PATCH] * Updated next/previous player buttons on Player and Trade
 panels to use the Leaderboard player order instead of the slot player order
 when determining which are the next/previous players.

---
 .../views/game/components/player/Player.vue   | 25 +++++++++++--------
 .../views/game/components/player/Trade.vue    | 25 +++++++++++--------
 2 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/client/src/views/game/components/player/Player.vue b/client/src/views/game/components/player/Player.vue
index 2bec3a6b2..1ca377f47 100644
--- a/client/src/views/game/components/player/Player.vue
+++ b/client/src/views/game/components/player/Player.vue
@@ -102,6 +102,7 @@ export default {
     this.player = GameHelper.getPlayerById(this.$store.state.game, this.playerId)
     this.userPlayer = GameHelper.getUserPlayer(this.$store.state.game)
     this.playerIndex = this.$store.state.game.galaxy.players.indexOf(this.player)
+    this.leaderboard = GameHelper.getSortedLeaderboardPlayerList(this.$store.state.game)
 
     // If there is a legit user associated with this user then get the
     // user info so we can show more info like achievements.
@@ -139,26 +140,28 @@ export default {
       GameContainer.map.panToPlayer(this.$store.state.game, this.player)
     },
     onOpenPrevPlayerDetailRequested (e) {
-      let prevIndex = this.playerIndex - 1
+      let prevLeaderboardIndex = this.leaderboard.indexOf(this.player) - 1;
 
-      if (prevIndex < 0) {
-        prevIndex = this.$store.state.game.galaxy.players.length - 1
+      if (prevLeaderboardIndex < 0) {
+        prevLeaderboardIndex = this.leaderboard.length - 1;
       }
 
-      this.onOpenPlayerDetailRequested(prevIndex)
+      let prevPlayer = this.leaderboard[prevLeaderboardIndex];
+
+      this.onOpenPlayerDetailRequested(prevPlayer);
     },
     onOpenNextPlayerDetailRequested (e) {
-      let nextIndex = this.playerIndex + 1
+      let nextLeaderboardIndex = this.leaderboard.indexOf(this.player) + 1;
 
-      if (nextIndex > this.$store.state.game.galaxy.players.length - 1) {
-        nextIndex = 0
+      if (nextLeaderboardIndex > this.leaderboard.length - 1) {
+        nextLeaderboardIndex = 0;
       }
 
-      this.onOpenPlayerDetailRequested(nextIndex)
-    },
-    onOpenPlayerDetailRequested (e) {
-      let player = this.$store.state.game.galaxy.players[e]
+      let nextPlayer = this.leaderboard[nextLeaderboardIndex];
 
+      this.onOpenPlayerDetailRequested(nextPlayer);
+    },
+    onOpenPlayerDetailRequested (player) {
       this.$emit('onOpenPlayerDetailRequested', player._id)
     },
     onRenownSent (e) {
diff --git a/client/src/views/game/components/player/Trade.vue b/client/src/views/game/components/player/Trade.vue
index e3cae5d74..216e3c7b4 100644
--- a/client/src/views/game/components/player/Trade.vue
+++ b/client/src/views/game/components/player/Trade.vue
@@ -53,6 +53,7 @@ export default {
     this.player = GameHelper.getPlayerById(this.$store.state.game, this.playerId)
     this.userPlayer = GameHelper.getUserPlayer(this.$store.state.game)
     this.playerIndex = this.$store.state.game.galaxy.players.indexOf(this.player)
+    this.leaderboard = GameHelper.getSortedLeaderboardPlayerList(this.$store.state.game)
   },
   methods: {
     onCloseRequested (e) {
@@ -62,26 +63,28 @@ export default {
       GameContainer.map.panToPlayer(this.$store.state.game, this.player)
     },
     onOpenPrevPlayerDetailRequested (e) {
-      let prevIndex = this.playerIndex - 1
+      let prevLeaderboardIndex = this.leaderboard.indexOf(this.player) - 1;
 
-      if (prevIndex < 0) {
-        prevIndex = this.$store.state.game.galaxy.players.length - 1
+      if (prevLeaderboardIndex < 0) {
+        prevLeaderboardIndex = this.leaderboard.length - 1;
       }
 
-      this.onOpenTradeRequested(prevIndex)
+      let prevPlayer = this.leaderboard[prevLeaderboardIndex];
+
+      this.onOpenTradeRequested(prevPlayer);
     },
     onOpenNextPlayerDetailRequested (e) {
-      let nextIndex = this.playerIndex + 1
+      let nextLeaderboardIndex = this.leaderboard.indexOf(this.player) + 1;
 
-      if (nextIndex > this.$store.state.game.galaxy.players.length - 1) {
-        nextIndex = 0
+      if (nextLeaderboardIndex > this.leaderboard.length - 1) {
+        nextLeaderboardIndex = 0;
       }
 
-      this.onOpenTradeRequested(nextIndex)
-    },
-    onOpenTradeRequested (e) {
-      let player = this.$store.state.game.galaxy.players[e]
+      let nextPlayer = this.leaderboard[nextLeaderboardIndex];
 
+      this.onOpenTradeRequested(nextPlayer);
+    },
+    onOpenTradeRequested (player) {
       this.$emit('onOpenTradeRequested', player._id)
     },
     onOpenPlayerDetailRequested (e) {