chore: 🔧 add transaction link (#192)

.github/workflows/nodejs.yml

@@ -1,4 +1,4 @@
-name: Node.js CI
+name: Test and Build
 
 on:
   push:
@@ -10,17 +10,16 @@ jobs:
   build:
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [14.x]
-
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Setup Node
         uses: actions/setup-node@v1
         with:
-          node-version: ${{ matrix.node-version }}
-      - run: npm ci
-      - run: npm test
-      - run: npm tsc
-      - run: npm run build
+          node-version: '14'
+      - name: Install deps
+        run: npm ci
+      - name: Test and build
+        run: |
+          npm test
+          npm tsc
+          npm run build

src/views/chain/transactions/TransactionsCard.tsx

@@ -12,6 +12,7 @@ import { MainInfo } from '../../../components/generic/CardGeneric';
 import {
   getDateDif,
   getFormatDate,
+  getTransactionLink,
   renderLine,
 } from '../../../components/generic/helpers';
 import { getPrice } from '../../../components/price/Price';
@@ -64,7 +65,7 @@ export const TransactionsCard = ({
     return (
       <>
         <Separation />
-        {renderLine('Transaction Id: ', id)}
+        {renderLine('Transaction Id: ', getTransactionLink(id))}
         {renderLine('Block Id: ', block_id)}
         {renderLine('Confirmations: ', confirmation_count)}
         {renderLine('Confirmation Height: ', confirmation_height)}

src/views/chain/utxos/UtxoCard.tsx

@@ -2,7 +2,10 @@ import React from 'react';
 import { GetUtxosType } from 'src/graphql/types';
 import { Separation, SubCard } from '../../../components/generic/Styled';
 import { MainInfo } from '../../../components/generic/CardGeneric';
-import { renderLine } from '../../../components/generic/helpers';
+import {
+  getTransactionLink,
+  renderLine,
+} from '../../../components/generic/helpers';
 import { getPrice } from '../../../components/price/Price';
 import { useConfigState } from '../../../context/ConfigContext';
 import { usePriceState } from '../../../context/PriceContext';
@@ -51,7 +54,7 @@ export const UtxoCard = ({
         {renderLine('Address Format:', address_format)}
         {renderLine('Confirmations: ', confirmation_count)}
         {renderLine('Output Script: ', output_script)}
-        {renderLine('Transaction Id: ', transaction_id)}
+        {renderLine('Transaction Id: ', getTransactionLink(transaction_id))}
         {renderLine('Transaction Vout: ', transaction_vout)}
       </>
     );