JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: migrate TokenTransactionItem component to use SFC composition api

Browse Source 
Change-Id: Iab6b76ab852f13128f652b640f19b3a5b6cf9e29
This commit is contained in:
Vitalii 2023-03-28 15:11:21 +03:00 committed by Storj Robot
parent cb947cc217
commit b44852bb02
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue
View File

@ -64,25 +64,23 @@
</tr>
</template>
<script lang="ts">
import { Prop, Component } from 'vue-property-decorator';
<script setup lang="ts">
import { Fragment } from 'vue-fragment';
import { NativePaymentHistoryItem } from '@/types/payments';
import { useResize } from '@/composables/resize';
import Resizable from '@/components/common/Resizable.vue';
const props = withDefaults(defineProps<{
item: NativePaymentHistoryItem,
}>(), {
item: () => new NativePaymentHistoryItem(),
});
// @vue/component
@Component({
components: { Fragment },
})
export default class TokenTransactionItem extends Resizable {
@Prop({ default: () => new NativePaymentHistoryItem() })
private readonly item: NativePaymentHistoryItem;
const { isMobile, isTablet } = useResize();
public goToTxn() {
if (this.isMobile || this.isTablet)
window.open(this.item.link, '_blank', 'noreferrer');
function goToTxn() {
if (isMobile.value || isTablet.value) {
window.open(props.item.link, '_blank', 'noreferrer');
}
}
</script>