-
-
-
-
- Saldo disponível
-
-
- {{ getRemaining() }} {{ user.selectedToken.value }}
-
-
-
{{
- `com ${activeLockAmount.toFixed(2)} ${
- user.selectedToken.value
- } em lock`
- }}
-
-

-
- Valor “em lock” significa que a quantia está aguardando
- confirmação de compra e só estará disponível para saque caso a
- transação expire.
-
-
-
-
-
-
-

-
Sacar
-
-
-
-
-
-
- Por favor utilize no máximo 2 casas decimais
-
-
- Saldo insuficiente
-
-
-
-
- Cancelar
-
+ :valid-deposits="props.validDeposits"
+ :active-lock-amount="activeLockAmount"
+ :selected-token="user.selectedToken.value"
+ @withdraw="callWithdraw"
+ />
-
-
-
-
-
-
-
-
- {{ getEventName(item.event) }}
-
-
- {{ item.amount }}
-
-
-
-
-
- Em Aberto
-
-
- Expirado
-
-
- Finalizado
-
-
-
{{ getExplorer() }}
-

-
-
- Continuar
-
-
-
-
+ :selected-token="user.selectedToken.value"
+ :transaction="item"
+ :network-name="user.networkName.value"
+ @open-explorer="openEtherscanUrl"
+ />
+
Carregar mais
@@ -367,63 +115,5 @@ showInitialItems();
diff --git a/src/components/ListingComponent/TransactionCard.vue b/src/components/ListingComponent/TransactionCard.vue
new file mode 100644
index 0000000..8c661dd
--- /dev/null
+++ b/src/components/ListingComponent/TransactionCard.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+ {{ eventName }}
+
+
+ {{ transaction.amount }} {{ selectedToken }}
+
+
+
+
+ {{ statusInfo.text }}
+
+
+
{{ explorerName }}
+

+
+
+
+ Continuar
+
+
+
+
+
+
+
+
+