add on click for transaction list

Author: n8mgr

src/api/siacentral.js

@@ -1,6 +1,7 @@
 import { sendJSONRequest } from './common';
 
 const WALLETD_BASE_URL = 'https://api.siascan.com/wallet';
+const EXPLORED_BASE_URL = 'https://api.siascan.com';
 
 export async function broadcastTransaction(txns, v2txns) {
 	const { statusCode, body } = await sendJSONRequest(`${WALLETD_BASE_URL}/txpool/broadcast`, {
@@ -40,4 +41,14 @@ export async function tpoolEvents() {
 	if (statusCode !== 200)
 		throw new Error(body || 'Failed to get transaction pool');
 	return body;
+}
+
+export async function search(id) {
+	const { statusCode, body } = await sendJSONRequest(`${EXPLORED_BASE_URL}/search/${id}`, {
+		method: 'GET'
+	});
+	if (statusCode !== 200)
+		throw new Error(body || 'Failed to search for ID');
+
+	return body;
 }

src/components/transactions/TransactionListItem.vue

@@ -1,5 +1,5 @@
 <template>
-	<tr :class="transactionClass" @click="$emit('click')">
+	<tr :class="transactionClass" @click="openSiaScan">
 		<td class="transaction-type fit-text">{{ displayType }}</td>
 		<td class="transaction-spacer" />
 		<td class="transaction-confirms fit-text"><span>{{ displayConfirmations }}</span></td>
@@ -15,6 +15,7 @@
 import BigNumber from 'bignumber.js';
 import { mapState } from 'vuex';
 import { formatPriceString, formatSiafundString } from '@/utils/format';
+import { search } from '@/api/siacentral';
 
 export default {
 	props: {
@@ -145,6 +146,22 @@ export default {
 			classes[`value-${direction}`] = true;
 			return classes;
 		}
+	},
+	methods: {
+		async openSiaScan() {
+			if (!this.transaction || !this.transaction.id)
+				return;
+
+			const res = await search(this.transaction.id);
+			switch (res) {
+			case 'siacoinElement':
+				window.open(`https://siascan.com/output/${this.transaction.id}`, '_blank');
+				break;
+			default:
+				window.open(`https://siascan.com/tx/${this.transaction.id}`, '_blank');
+				break;
+			}
+		}
 	}
 };
 </script>

src/components/wallet/WalletDisplay.vue

@@ -51,8 +51,7 @@
 						<transaction-list-item v-for="(transaction, i) in group.transactions"
 							:key="`${group.date}-${i}`"
 							:transaction="transaction"
-							:wallet="wallet"
-							@click="onSelectTransaction(transaction.transaction_id)" />
+							:wallet="wallet" />
 					</template>
 				</tbody>
 			</table>
@@ -230,8 +229,6 @@ export default {
 	},
 	methods: {
 		...mapActions(['deleteWallet']),
-		onSelectTransaction(id) {
-		},
 		onQueueWallet() {
 			try {
 				this.queueWallet(this.wallet.id, true);

src/translation/languages/en.json

@@ -199,7 +199,7 @@
 			"contractExpiration": "Contract Expiration",
 			"contractResolution": "Contract Resolution",
 			"hostAnnouncement": "Host Announcement",
-			"contractCompleted": "Contract Completion",
+			"contractCompleted": "Contract Payout",
 			"blockReward": "Block Reward",
 			"siacoinTransaction": "Siacoin Transaction",
 			"siafundTransaction": "Siafund Transaction",

wasm/main.go

@@ -611,7 +611,7 @@ func getWalletTransactions(w *api.Client, addresses []types.Address) ([]processe
 			if data.Missed {
 				processed.Tags = append(processed.Tags, "contract_missed_output")
 			} else {
-				processed.Tags = append(processed.Tags, "contract_renewal")
+				processed.Tags = append(processed.Tags, "contract_valid_output")
 			}
 			processed.SiacoinOutputs = data.SiacoinElement.SiacoinOutput.Value
 		case wallet.EventPayout: