diff --git a/src/assets/style/pages/_transactions.scss b/src/assets/style/pages/_transactions.scss index 8682435ab..ac0569b87 100644 --- a/src/assets/style/pages/_transactions.scss +++ b/src/assets/style/pages/_transactions.scss @@ -227,6 +227,26 @@ } @media (max-width: $mobile) { + .transactionsButtonGroup { + gap: 5px; + + .button { + display: inline-flex !important; + align-items: center; + margin: 0 !important; + padding: 0 15px 0 10px !important; + line-height: 100% !important; + min-width: fit-content !important; + min-height: 40px !important; + + svg { + top: initial !important; + max-width: 12px !important; + width: auto !important; + height: auto !important; + } + } + } .transactionsTile { display: flex; flex-direction: column; diff --git a/src/blocks/Transactions.vue b/src/blocks/Transactions.vue index 0846ec3a2..ce952ae0a 100644 --- a/src/blocks/Transactions.vue +++ b/src/blocks/Transactions.vue @@ -3,6 +3,30 @@
Transactions
+
+ +  View in Explorer + + +  Export + +
@@ -58,6 +82,19 @@ export default Vue.extend({ transactionHistoryAllLoaded(): boolean { return this.$store.getters["zk-history/transactionHistoryAllLoaded"]; }, + accountAddress(): string { + return this.$store.getters["zk-account/address"]; + }, + accountZkScanUrl(): string { + console.log(this.$store.getters["zk-onboard/config"]); + return (this.$store.getters["zk-onboard/config"].zkSyncNetwork.explorer + + "explorer/accounts/" + + this.accountAddress) as string; + }, + exportLink(): string { + const network = this.$store.getters["zk-onboard/config"].ethereumNetwork.name; + return `https://zkexport-lite.netlify.app/export/account/transactions?address=${this.accountAddress}&network=${network}`; + }, }, async mounted() { if (!this.transactionHistoryRequested) {