Add icons to tradeactions

This commit is contained in:
Matthias 2020-12-28 10:55:42 +01:00
parent 37bbac4d60
commit 7a553184e7

View File

@ -19,15 +19,15 @@
> >
<template #cell(actions)="row"> <template #cell(actions)="row">
<b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)"> <b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)">
FS <ForceSellIcon :size="16" />
</b-button> </b-button>
<b-button <b-button
class="btn-xs" class="btn-xs ml-1"
size="sm" size="sm"
title="Delete trade" title="Delete trade"
@click="removeTradeHandler(row.item)" @click="removeTradeHandler(row.item)"
> >
RM <DeleteIcon :size="16" />
</b-button> </b-button>
</template> </template>
<template #cell(pair)="row"> <template #cell(pair)="row">
@ -55,12 +55,14 @@ import { namespace } from 'vuex-class';
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
import { formatPercent, formatPrice } from '@/shared/formatters'; import { formatPercent, formatPrice } from '@/shared/formatters';
import { Trade } from '@/types'; import { Trade } from '@/types';
import DeleteIcon from 'vue-material-design-icons/Delete.vue';
import ForceSellIcon from 'vue-material-design-icons/CloseBoxMultiple.vue';
import ProfitSymbol from './ProfitSymbol.vue'; import ProfitSymbol from './ProfitSymbol.vue';
const ftbot = namespace('ftbot'); const ftbot = namespace('ftbot');
@Component({ @Component({
components: { ProfitSymbol }, components: { ProfitSymbol, DeleteIcon, ForceSellIcon },
}) })
export default class TradeList extends Vue { export default class TradeList extends Vue {
$refs!: { $refs!: {