diff --git a/package.json b/package.json index a3ba04c3..32895e27 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "vue-class-component": "^7.2.5", "vue-echarts": "^5.0.0-beta.0", "vue-grid-layout": "^2.3.11", + "vue-material-design-icons": "^4.11.0", "vue-property-decorator": "^9.0.2", "vue-router": "^3.4.9", "vuex": "^3.5.1", diff --git a/src/components/ftbot/BotControls.vue b/src/components/ftbot/BotControls.vue index 6fa1cf4c..0c7a59bb 100644 --- a/src/components/ftbot/BotControls.vue +++ b/src/components/ftbot/BotControls.vue @@ -2,54 +2,54 @@
@@ -61,11 +61,18 @@ import { Component, Vue } from 'vue-property-decorator'; import { namespace } from 'vuex-class'; import { BotState } from '@/types'; import { BotStoreGetters } from '@/store/modules/ftbot'; +import PlayIcon from 'vue-material-design-icons/Play.vue'; +import StopIcon from 'vue-material-design-icons/Stop.vue'; +import PauseIcon from 'vue-material-design-icons/Pause.vue'; +import ReloadIcon from 'vue-material-design-icons/Reload.vue'; +import ForceBuyIcon from 'vue-material-design-icons/PlusBoxMultipleOutline.vue'; import ForceBuyForm from './ForceBuyForm.vue'; const ftbot = namespace('ftbot'); -@Component({ components: { ForceBuyForm } }) +@Component({ + components: { ForceBuyForm, PlayIcon, StopIcon, PauseIcon, ReloadIcon, ForceBuyIcon }, +}) export default class BotControls extends Vue { forcebuyShow = false; diff --git a/src/components/ftbot/ReloadControl.vue b/src/components/ftbot/ReloadControl.vue index aad86535..0ca73901 100644 --- a/src/components/ftbot/ReloadControl.vue +++ b/src/components/ftbot/ReloadControl.vue @@ -1,18 +1,25 @@