Back icon for trade detail view

This commit is contained in:
Matthias 2021-12-30 09:49:22 +01:00
parent c8db1db82c
commit 2570bcd882

View File

@ -24,7 +24,7 @@
/> />
<div v-if="detailTradeId" class="d-flex flex-column"> <div v-if="detailTradeId" class="d-flex flex-column">
<b-button size="sm" class="align-self-start mt-1 ml-1" @click="setDetailTrade(null)" <b-button size="sm" class="align-self-start mt-1 ml-1" @click="setDetailTrade(null)"
>Back</b-button ><BackIcon /> Back</b-button
> >
<TradeDetail :trade="tradeDetail" :stake-currency="stakeCurrency" /> <TradeDetail :trade="tradeDetail" :stake-currency="stakeCurrency" />
</div> </div>
@ -36,17 +36,19 @@ import { Component, Prop, Vue } from 'vue-property-decorator';
import { namespace } from 'vuex-class'; import { namespace } from 'vuex-class';
import CustomTradeList from '@/components/ftbot/CustomTradeList.vue'; import CustomTradeList from '@/components/ftbot/CustomTradeList.vue';
import TradeDetail from '@/components/ftbot/TradeDetail.vue'; import TradeDetail from '@/components/ftbot/TradeDetail.vue';
import BackIcon from 'vue-material-design-icons/ArrowLeft.vue';
import { Trade } from '@/types'; import { Trade } from '@/types';
import { BotStoreGetters } from '@/store/modules/ftbot'; import { BotStoreGetters } from '@/store/modules/ftbot';
import StoreModules from '@/store/storeSubModules'; import StoreModules from '@/store/storeSubModules';
const ftbot = namespace(StoreModules.ftbot); const ftbot = namespace(StoreModules.ftbot);
// TODO: TradeDetail could be extracted into a sub-route to allow direct access
@Component({ @Component({
components: { components: {
CustomTradeList, CustomTradeList,
TradeDetail, TradeDetail,
BackIcon,
}, },
}) })
export default class Trading extends Vue { export default class Trading extends Vue {