From 13de97dde6c434233a5fcc1d9df927657a82410a Mon Sep 17 00:00:00 2001
From: SabreCat <sabrecat@gmail.com>
Date: Thu, 18 Jan 2018 20:05:16 +0000
Subject: [PATCH] fix(market): hide nav buttons when too few items Fixes
 https://github.com/HabitRPG/habitica/issues/9802#issuecomment-358687806

---
 website/client/components/ui/drawerSlider.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/website/client/components/ui/drawerSlider.vue b/website/client/components/ui/drawerSlider.vue
index ca05ef615e..220c35b0dc 100644
--- a/website/client/components/ui/drawerSlider.vue
+++ b/website/client/components/ui/drawerSlider.vue
@@ -1,15 +1,13 @@
 <template lang="pug">
-  div.slider-root(
-    v-bind:class="{'scrollButtonsVisible': scrollButtonsVisible}",
-  )
+  div.slider-root
     div.slider-button-area.left-button(
-      v-if="scrollButtonsVisible",
+      v-if="scrollButtonsVisible()",
       @mousedown.left="shiftRight"
     )
       a.slider-button
         .svg-icon(v-html="icons.previous")
     div.slider-button-area.right-button(
-      v-if="scrollButtonsVisible",
+      v-if="scrollButtonsVisible()",
       @mousedown.left="shiftLeft"
     )
       a.slider-button
@@ -169,12 +167,11 @@
       shouldAddVerticalLine (item) {
         return this.items[this.itemsPerPage() - 1] === item && this.pointer !== 5;
       },
+      scrollButtonsVisible () {
+        return this.items.length > this.itemsPerPage();
+      },
     },
     props: {
-      scrollButtonsVisible: {
-        type: Boolean,
-        default: true,
-      },
       items: {
         type: Array,
       },