From cb7761bca431ea6c0ee8770ee9117a91ea0f4374 Mon Sep 17 00:00:00 2001
From: Andrew Lalis <andrewlalisofficial@gmail.com>
Date: Thu, 16 Feb 2023 18:15:46 +0100
Subject: [PATCH] Added submission count to gym search results.

---
 gymboard-app/src/api/search/models.ts                 |  1 +
 .../src/components/GymSearchResultListItem.vue        | 11 +++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/gymboard-app/src/api/search/models.ts b/gymboard-app/src/api/search/models.ts
index 56290ba..224a4f4 100644
--- a/gymboard-app/src/api/search/models.ts
+++ b/gymboard-app/src/api/search/models.ts
@@ -9,6 +9,7 @@ export interface GymSearchResult {
   streetAddress: string;
   latitude: number;
   longitude: number;
+  submissionCount: number;
 }
 
 export interface UserSearchResult {
diff --git a/gymboard-app/src/components/GymSearchResultListItem.vue b/gymboard-app/src/components/GymSearchResultListItem.vue
index a171915..4f50a8e 100644
--- a/gymboard-app/src/components/GymSearchResultListItem.vue
+++ b/gymboard-app/src/components/GymSearchResultListItem.vue
@@ -6,7 +6,7 @@
       <q-item-label caption lines="1">{{ gym.countryName }}</q-item-label>
     </q-item-section>
     <q-item-section side top>
-      <q-badge color="primary" label="10k" />
+      <q-badge color="primary" :label="submissionCountLabel" />
     </q-item-section>
   </q-item>
 </template>
@@ -14,11 +14,18 @@
 <script setup lang="ts">
 import { getGymRoute } from 'src/router/gym-routing';
 import { GymSearchResult } from 'src/api/search/models';
+import {computed} from 'vue';
 
 interface Props {
   gym: GymSearchResult;
 }
-defineProps<Props>();
+const props = defineProps<Props>();
+const submissionCountLabel = computed(() => {
+  const c = props.gym.submissionCount;
+  if (c < 1000) return '' + c;
+  if (c < 1000000) return Math.floor(c / 1000) + 'k';
+  return Math.floor(c / 1000000) + 'm';
+});
 </script>
 
 <style scoped></style>