diff --git a/frontend/public/leaderbord/bronze-cup.png b/frontend/public/leaderbord/bronze-cup.png new file mode 100644 index 00000000..7c53adb0 Binary files /dev/null and b/frontend/public/leaderbord/bronze-cup.png differ diff --git a/frontend/public/leaderbord/dart-board.svg b/frontend/public/leaderbord/dart-board.svg new file mode 100644 index 00000000..885e9709 --- /dev/null +++ b/frontend/public/leaderbord/dart-board.svg @@ -0,0 +1,42 @@ + + + \ No newline at end of file diff --git a/frontend/public/leaderbord/gold-cup.png b/frontend/public/leaderbord/gold-cup.png new file mode 100644 index 00000000..516aea9b Binary files /dev/null and b/frontend/public/leaderbord/gold-cup.png differ diff --git a/frontend/public/leaderbord/silver-cup.png b/frontend/public/leaderbord/silver-cup.png new file mode 100644 index 00000000..6ecbfaeb Binary files /dev/null and b/frontend/public/leaderbord/silver-cup.png differ diff --git a/frontend/public/leaderbord/star.svg b/frontend/public/leaderbord/star.svg new file mode 100644 index 00000000..2835f765 --- /dev/null +++ b/frontend/public/leaderbord/star.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/frontend/src/pages/LeaderBoard.vue b/frontend/src/pages/LeaderBoard.vue index 4f160a6f..a6defee4 100644 --- a/frontend/src/pages/LeaderBoard.vue +++ b/frontend/src/pages/LeaderBoard.vue @@ -18,7 +18,7 @@
+
-
-
+
+
+
{
})
const statusIcon = computed(() => {
- if (currentUserPosition.value === 1) return "/files/gold-cup.png"
- if (currentUserPosition.value === 2) return "/files/silver-cup.png"
- if (currentUserPosition.value === 3) return "/files/bronze-cup.png"
- if (currentUserPosition.value && currentUserPosition.value <= 10) return "/files/star.svg"
- return "/files/dart-board.svg"
+ if (currentUserPosition.value === 1) return "/leaderboard/gold-cup.png"
+ if (currentUserPosition.value === 2) return "/leaderboard/silver-cup.png"
+ if (currentUserPosition.value === 3) return "/leaderboard/bronze-cup.png"
+ if (currentUserPosition.value && currentUserPosition.value <= 10) return "/leaderboard/star.svg"
+ return "/leaderboard/dart-board.svg"
})
const statusClass = computed(() => {