From 6ede9adf2f1c3a9edce5cdf44787b76836bcf943 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Mon, 14 Dec 2020 15:48:15 +0000
Subject: [PATCH] Only show map list button if there are multiple maps defined

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

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 247dd85..496d0b5 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -1,7 +1,7 @@
 <template>
 	<aside class="sidebar">
 		<header class="sidebar__buttons">
-			<button :class="{'button--maps': true, 'active': mapsActive}"
+			<button v-if="mapCount > 1" :class="{'button--maps': true, 'active': mapsActive}"
 					@click="mapsActive = !mapsActive" title="Map list" aria-label="Map list">
 				<SvgIcon name="maps"></SvgIcon>
 			</button>
@@ -14,7 +14,7 @@
 				<SvgIcon name="settings"></SvgIcon>
 			</button>
 		</header>
-		<WorldList v-show="mapsActive"></WorldList>
+		<WorldList v-if="mapCount > 1" v-show="mapsActive"></WorldList>
 		<PlayerList v-show="playersActive"></PlayerList>
 		<FollowTarget v-if="following" :target="following"></FollowTarget>
 	</aside>
@@ -41,9 +41,11 @@ export default defineComponent({
 		let mapsActive = ref(false),
 			playersActive = ref(false),
 			settingsActive = ref(false),
+			mapCount = computed(() => store.state.maps.size),
 			following = computed(() => store.state.following);
 
 		return {
+			mapCount,
 			mapsActive,
 			playersActive,
 			settingsActive,