From 7b3c44e21e6b4d7f297462f1af0d78ab02465ab8 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Mon, 6 Jun 2022 18:50:57 +0200
Subject: [PATCH] Client - display pagination on oauth apps list only when apps
 exist

---
 .../src/components/User/UserApps/UserAppsList.vue         | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/fittrackee_client/src/components/User/UserApps/UserAppsList.vue b/fittrackee_client/src/components/User/UserApps/UserAppsList.vue
index ac1b1ae1..fb9643b5 100644
--- a/fittrackee_client/src/components/User/UserApps/UserAppsList.vue
+++ b/fittrackee_client/src/components/User/UserApps/UserAppsList.vue
@@ -18,7 +18,12 @@
       </li>
     </ul>
     <div class="no-apps" v-else>{{ $t('oauth2.NO_APPS') }}</div>
-    <Pagination :pagination="pagination" path="/profile/apps" :query="query" />
+    <Pagination
+      v-if="clients.length > 0"
+      :pagination="pagination"
+      path="/profile/apps"
+      :query="query"
+    />
     <div class="app-list-buttons">
       <button @click="$router.push('/profile/apps/new')">
         {{ $t('oauth2.NEW_APP') }}
@@ -111,6 +116,7 @@
     }
     .no-apps {
       font-style: italic;
+      padding-bottom: $default-padding * 2;
     }
   }
 </style>