From 70a0c5fa9b2d2cb8c232b2102935b877005cca1f Mon Sep 17 00:00:00 2001
From: Jack Hamer <47187316+JackHamer09@users.noreply.github.com>
Date: Mon, 23 Oct 2023 20:56:37 +0300
Subject: [PATCH] fix: export transactions link (#141)

---
 views/zksync/era/payments/Index.vue  | 20 ++++++++++++++++++--
 views/zksync/lite/payments/Index.vue |  2 +-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/views/zksync/era/payments/Index.vue b/views/zksync/era/payments/Index.vue
index 894da9349..cfef9fad4 100644
--- a/views/zksync/era/payments/Index.vue
+++ b/views/zksync/era/payments/Index.vue
@@ -14,6 +14,12 @@
           </template>
           <template #default>Swap</template>
         </CommonButton>
+        <CommonButton v-if="zkExportLink" as="a" target="_blank" :href="zkExportLink">
+          <template #icon>
+            <DocumentArrowDownIcon aria-hidden="true" />
+          </template>
+          <template #default>Export history</template>
+        </CommonButton>
       </CommonButtonGroup>
       <div>
         <div class="flex items-center justify-between py-4">
@@ -50,9 +56,9 @@
 </template>
 
 <script lang="ts" setup>
-import { onBeforeUnmount } from "vue";
+import { computed, onBeforeUnmount } from "vue";
 
-import { ArrowsRightLeftIcon, PaperAirplaneIcon } from "@heroicons/vue/24/outline";
+import { ArrowsRightLeftIcon, DocumentArrowDownIcon, PaperAirplaneIcon } from "@heroicons/vue/24/outline";
 import { storeToRefs } from "pinia";
 
 import EraTransferLineItem from "@/components/transaction/zksync/era/EraTransferLineItem.vue";
@@ -66,9 +72,19 @@ const onboardStore = useOnboardStore();
 const eraTransfersHistoryStore = useEraTransfersHistoryStore();
 const { transfers, recentTransfersRequestInProgress, recentTransfersRequestError } =
   storeToRefs(eraTransfersHistoryStore);
+const { account } = storeToRefs(onboardStore);
 const { destinations } = storeToRefs(useDestinationsStore());
 const { eraNetwork } = storeToRefs(useEraProviderStore());
 
+const zkExportLink = computed(() => {
+  if (eraNetwork.value.key === "era-mainnet" || eraNetwork.value.key === "era-goerli") {
+    return `https://zkexport.netlify.app/?address=${account.value.address}&network=${eraNetwork.value.key.substring(
+      4
+    )}`;
+  }
+  return undefined;
+});
+
 const fetch = () => {
   eraTransfersHistoryStore.requestRecentTransfers();
 };
diff --git a/views/zksync/lite/payments/Index.vue b/views/zksync/lite/payments/Index.vue
index c9b9bdc14..6934a49a7 100644
--- a/views/zksync/lite/payments/Index.vue
+++ b/views/zksync/lite/payments/Index.vue
@@ -17,7 +17,7 @@
         <CommonButton
           as="a"
           target="_blank"
-          :href="`https://zkexport.netlify.app/export/account/transactions?address=${account.address}&network=${zkSyncLiteNetwork.network}`"
+          :href="`https://zkexport-old.netlify.app/export/account/transactions?address=${account.address}&network=${zkSyncLiteNetwork.network}`"
         >
           <template #icon>
             <DocumentArrowDownIcon aria-hidden="true" />