From 9a67fe14b28ba97babc5879f2840d7c874cb4e37 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 1 Feb 2021 22:58:21 +0800
Subject: [PATCH] make switch item button disabled when there is only one item
 in pie chart

---
 src/components/mobile/PieChart.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/mobile/PieChart.vue b/src/components/mobile/PieChart.vue
index 68fdc600..cbb90887 100644
--- a/src/components/mobile/PieChart.vue
+++ b/src/components/mobile/PieChart.vue
@@ -23,7 +23,7 @@
         </svg>
         <div class="pie-chart-toolbox-container padding-horizontal" v-if="showSelectedItemInfo">
             <div class="pie-chart-toolbox">
-                <f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || !validItems.length }" @click="switchSelectedItem(1)">
+                <f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || validItems.length <= 1 }" @click="switchSelectedItem(1)">
                     <f7-icon f7="arrow_left"></f7-icon>
                 </f7-link>
 
@@ -51,7 +51,7 @@
                     </p>
                 </div>
 
-                <f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || !validItems.length }" @click="switchSelectedItem(-1)">
+                <f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || validItems.length <= 1 }" @click="switchSelectedItem(-1)">
                     <f7-icon f7="arrow_right"></f7-icon>
                 </f7-link>
             </div>