From 20fd1b948e3902683e1088799621aa4af34b9f8f Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 29 Jun 2022 19:38:16 +1000
Subject: Show pause-icon during auto-mode

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

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index aa0e859..0961c7a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,8 @@
 			<search-icon/>
 		</icon-button>
 		<icon-button v-if="!uiOpts.disabledActions.has('autoMode')" :style="buttonStyles" @click="onAutoIconClick">
-			<play-icon/>
+			<play-icon v-if="!modeRunning"/>
+			<pause-icon v-else/>
 		</icon-button>
 		<icon-button v-if="!uiOpts.disabledActions.has('settings')" :style="buttonStyles" @click="onSettingsIconClick">
 			<settings-icon/>
@@ -80,6 +81,7 @@ import IconButton from './components/IconButton.vue';
 // Icons
 import SearchIcon from './components/icon/SearchIcon.vue';
 import PlayIcon from './components/icon/PlayIcon.vue';
+import PauseIcon from './components/icon/PauseIcon.vue';
 import SettingsIcon from './components/icon/SettingsIcon.vue';
 import HelpIcon from './components/icon/HelpIcon.vue';
 // Other
@@ -963,7 +965,7 @@ export default defineComponent({
 	},
 	components: {
 		Tile, TutorialPane, AncestryBar,
-		IconButton, SearchIcon, PlayIcon, SettingsIcon, HelpIcon,
+		IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon,
 		TileInfoModal, SearchModal, SettingsModal, HelpModal,
 	},
 });
-- 
cgit v1.2.3

