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 ++++--
 src/components/icon/PauseIcon.vue | 12 ++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src/components/icon/PauseIcon.vue

(limited to 'src')

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,
 	},
 });
diff --git a/src/components/icon/PauseIcon.vue b/src/components/icon/PauseIcon.vue
new file mode 100644
index 0000000..dc768a2
--- /dev/null
+++ b/src/components/icon/PauseIcon.vue
@@ -0,0 +1,12 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none"
+	stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<rect x="6" y="4" width="4" height="16"></rect>
+	<rect x="14" y="4" width="4" height="16"></rect>
+</svg>
+</template>
+
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+export default defineComponent({});
+</script>
-- 
cgit v1.2.3