perf(#362): Refactor pagination util to only display when total page …

…is greater than 1
Duke-MatSci · Mar 22, 2023 · f9f81b1 · f9f81b1
1 parent 04920de
commit f9f81b1
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/src/components/explorer/Pagination.vue b/app/src/components/explorer/Pagination.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="explorer_page-nav u_margin-top-med viz-pagination-width-mod u_margin-bottom-small">
+  <div>
+    <div v-if="tpages > 1" class="explorer_page-nav u_margin-top-med viz-pagination-width-mod u_margin-bottom-small">
       <button
         @click.prevent="goToBeginning"
         v-if="rowNumber > 1" :disabled="rowNumber < 1"
@@ -18,8 +19,9 @@
         <md-icon class="u--default-size">more_horiz</md-icon>
       </button>
       <button @click.prevent="goToEnd" v-if="rowNumber < factor" class="md-button md-icon-button md-dense md-primary u--color-primary"> {{ tpages }} </button>
-
     </div>
+  </div>
+
 </template>
 <script>
 export default {