Remove mock token implementation
Co-authored-by: brunoedcf <brest.dallacosta@outlook.com>
This commit is contained in:
RcleydsonR
parent
6fd2120b63
commit
c546778963
@ -1,6 +1,5 @@
|
|||||||
import { createRouter, createWebHistory } from "vue-router";
|
import { createRouter, createWebHistory } from "vue-router";
|
||||||
import HomeView from "../views/HomeView.vue";
|
import HomeView from "../views/HomeView.vue";
|
||||||
import MockView from "../views/MockView.vue";
|
|
||||||
import TransactionHistoryView from "../views/TransactionHistoryView.vue";
|
import TransactionHistoryView from "../views/TransactionHistoryView.vue";
|
||||||
import ManageBidsView from "../views/ManageBidsView.vue";
|
import ManageBidsView from "../views/ManageBidsView.vue";
|
||||||
import SellerView from "@/views/SellerView.vue";
|
import SellerView from "@/views/SellerView.vue";
|
||||||
@ -18,11 +17,6 @@ const router = createRouter({
|
|||||||
name: "seller",
|
name: "seller",
|
||||||
component: SellerView,
|
component: SellerView,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: "/mock",
|
|
||||||
name: "mock",
|
|
||||||
component: MockView,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: "/transaction_history",
|
path: "/transaction_history",
|
||||||
name: "transaction history",
|
name: "transaction history",
|
||||||
|
|||||||
@ -2,35 +2,11 @@ import { useEtherStore } from "@/store/ether";
|
|||||||
import { BigNumber, ethers } from "ethers";
|
import { BigNumber, ethers } from "ethers";
|
||||||
|
|
||||||
// Smart contract imports
|
// Smart contract imports
|
||||||
import mockToken from "./smart_contract_files/MockToken.json";
|
|
||||||
import p2pix from "./smart_contract_files/P2PIX.json";
|
import p2pix from "./smart_contract_files/P2PIX.json";
|
||||||
import addresses from "./smart_contract_files/localhost.json";
|
import addresses from "./smart_contract_files/localhost.json";
|
||||||
// Mock wallets import
|
// Mock wallets import
|
||||||
import { wallets } from "./smart_contract_files/wallets.json";
|
|
||||||
import { getProvider } from "../blockchain/provider";
|
import { getProvider } from "../blockchain/provider";
|
||||||
|
|
||||||
// Split tokens between wallets in wallets.json
|
|
||||||
const splitTokens = async () => {
|
|
||||||
const provider = getProvider();
|
|
||||||
if (!provider) return;
|
|
||||||
|
|
||||||
const signer = provider.getSigner();
|
|
||||||
const tokenContract = new ethers.Contract(
|
|
||||||
addresses.token,
|
|
||||||
mockToken.abi,
|
|
||||||
signer
|
|
||||||
);
|
|
||||||
|
|
||||||
for (let i = 0; i < wallets.length; i++) {
|
|
||||||
const tx = await tokenContract.transfer(
|
|
||||||
wallets[i],
|
|
||||||
ethers.utils.parseEther("4000000.0")
|
|
||||||
);
|
|
||||||
await tx.wait();
|
|
||||||
// updateWalletStatus();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// get all wallet transactions
|
// get all wallet transactions
|
||||||
const listAllTransactionByWalletAddress = async (
|
const listAllTransactionByWalletAddress = async (
|
||||||
walletAddress: string
|
walletAddress: string
|
||||||
@ -231,39 +207,6 @@ const updateLockReleasedEvents = async () => {
|
|||||||
console.log("RELEASES", eventsReleases);
|
console.log("RELEASES", eventsReleases);
|
||||||
};
|
};
|
||||||
|
|
||||||
const mockDeposit = async (tokenQty: Number, pixKey: String) => {
|
|
||||||
const provider = getProvider();
|
|
||||||
if (!provider) return;
|
|
||||||
|
|
||||||
const signer = provider.getSigner();
|
|
||||||
|
|
||||||
const tokenContract = new ethers.Contract(
|
|
||||||
addresses.token,
|
|
||||||
mockToken.abi,
|
|
||||||
signer
|
|
||||||
);
|
|
||||||
|
|
||||||
const apprv = await tokenContract.approve(
|
|
||||||
addresses.p2pix,
|
|
||||||
formatEther(String(tokenQty))
|
|
||||||
);
|
|
||||||
await apprv.wait();
|
|
||||||
|
|
||||||
const p2pContract = new ethers.Contract(addresses.p2pix, p2pix.abi, signer);
|
|
||||||
|
|
||||||
const deposit = await p2pContract.deposit(
|
|
||||||
addresses.token,
|
|
||||||
formatEther(String(tokenQty)),
|
|
||||||
pixKey,
|
|
||||||
ethers.utils.formatBytes32String("")
|
|
||||||
);
|
|
||||||
await deposit.wait();
|
|
||||||
|
|
||||||
// await updateWalletStatus();
|
|
||||||
await updateValidDeposits();
|
|
||||||
await updateDepositAddedEvents();
|
|
||||||
};
|
|
||||||
|
|
||||||
// Get specific deposit data by its ID
|
// Get specific deposit data by its ID
|
||||||
const mapDeposits = async (depositId: BigNumber): Promise<any> => {
|
const mapDeposits = async (depositId: BigNumber): Promise<any> => {
|
||||||
const provider = getProvider();
|
const provider = getProvider();
|
||||||
@ -303,13 +246,11 @@ const formatBigNumber = (num: BigNumber) => {
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
formatEther,
|
formatEther,
|
||||||
splitTokens,
|
|
||||||
listValidDepositTransactionsByWalletAddress,
|
listValidDepositTransactionsByWalletAddress,
|
||||||
listAllTransactionByWalletAddress,
|
listAllTransactionByWalletAddress,
|
||||||
listReleaseTransactionByWalletAddress,
|
listReleaseTransactionByWalletAddress,
|
||||||
listDepositTransactionByWalletAddress,
|
listDepositTransactionByWalletAddress,
|
||||||
listLockTransactionByWalletAddress,
|
listLockTransactionByWalletAddress,
|
||||||
mockDeposit,
|
|
||||||
mapDeposits,
|
mapDeposits,
|
||||||
formatBigNumber,
|
formatBigNumber,
|
||||||
mapLocks,
|
mapLocks,
|
||||||
@ -317,4 +258,5 @@ export default {
|
|||||||
updateValidDeposits,
|
updateValidDeposits,
|
||||||
getValidDeposits,
|
getValidDeposits,
|
||||||
updateLockReleasedEvents,
|
updateLockReleasedEvents,
|
||||||
|
updateDepositAddedEvents,
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,143 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { formatEther } from "@ethersproject/units";
|
|
||||||
import type { BigNumber } from "ethers";
|
|
||||||
import { storeToRefs } from "pinia";
|
|
||||||
import { ref } from "vue";
|
|
||||||
import { useEtherStore } from "../store/ether";
|
|
||||||
import blockchain from "../utils/blockchain";
|
|
||||||
|
|
||||||
// Blockchain Data
|
|
||||||
const etherStore = useEtherStore();
|
|
||||||
const { depositsValidList } = storeToRefs(etherStore);
|
|
||||||
const { depositsAddedList } = storeToRefs(etherStore);
|
|
||||||
const { locksAddedList } = storeToRefs(etherStore);
|
|
||||||
|
|
||||||
// Buyer's flow Data
|
|
||||||
const depositValue = ref<Number>();
|
|
||||||
const depositPixKey = ref<string>("");
|
|
||||||
|
|
||||||
// Split tokens between wallets in wallets.json
|
|
||||||
const splitTokens = async () => {
|
|
||||||
blockchain.splitTokens();
|
|
||||||
};
|
|
||||||
|
|
||||||
// Formatting methods
|
|
||||||
// Formats wallet address in 0x000...0000 format
|
|
||||||
const formatWalletAddress = (wallet: string): string => {
|
|
||||||
const walletAddressLength = wallet.length;
|
|
||||||
const initialText = wallet.substring(0, 5);
|
|
||||||
const finalText = wallet.substring(
|
|
||||||
walletAddressLength - 4,
|
|
||||||
walletAddressLength
|
|
||||||
);
|
|
||||||
return `${initialText}...${finalText}`;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Deposit methods
|
|
||||||
// Gets value and pix key from user's form to create a deposit in the blockchain
|
|
||||||
const mockDeposit = () => {
|
|
||||||
if (!depositValue.value || !depositPixKey.value) return;
|
|
||||||
blockchain.mockDeposit(depositValue.value, depositPixKey.value);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Get specific deposit data by its ID
|
|
||||||
const mapDeposit = (depositId: BigNumber) => {
|
|
||||||
const deposit = blockchain.mapDeposits(depositId);
|
|
||||||
return deposit;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Lock methods
|
|
||||||
// Get specific lock data by its ID
|
|
||||||
const mapLock = (lockId: string) => {
|
|
||||||
const lock = blockchain.mapLocks(lockId);
|
|
||||||
return lock;
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="page">
|
|
||||||
<div class="flex flex-col gap-4 justify-start items-start w-2/3">
|
|
||||||
<div class="flex gap-4 w-full justify-between">
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
class="default-input"
|
|
||||||
placeholder="Quantidade de tokens"
|
|
||||||
v-model="depositValue"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="default-input"
|
|
||||||
placeholder="Chave pix"
|
|
||||||
v-model="depositPixKey"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<button type="button" class="default-button" @click="mockDeposit()">
|
|
||||||
Mockar depósitos
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button type="button" class="default-button" @click="splitTokens()">
|
|
||||||
Dividir tokens
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul class="flex flex-col justify-center items-center gap-4">
|
|
||||||
<li
|
|
||||||
class="text-gray-900 font-semibold text-lg cursor-pointer border-2 border-amber-400 p-2 rounded-md bg-amber-200"
|
|
||||||
v-for="deposit in depositsAddedList"
|
|
||||||
:key="deposit.blockNumber"
|
|
||||||
@click="mapDeposit(deposit.args.depositID)"
|
|
||||||
>
|
|
||||||
Seller:<br />{{ formatWalletAddress(deposit.args.seller) }}<br />
|
|
||||||
MRBZ: {{ formatEther(deposit.args.amount) }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul class="flex flex-col justify-center items-center gap-4">
|
|
||||||
<li
|
|
||||||
class="text-gray-900 font-semibold text-lg cursor-pointer border-2 border-amber-400 p-2 rounded-md bg-amber-200"
|
|
||||||
v-for="lock in locksAddedList"
|
|
||||||
:key="lock.blockNumber"
|
|
||||||
@click="mapLock(lock.args.lockID)"
|
|
||||||
>
|
|
||||||
Buyer:<br />{{ formatWalletAddress(lock.args.buyer) }}<br />
|
|
||||||
MRBZ: {{ formatEther(lock.args.amount) }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul class="flex flex-col justify-center items-center gap-4">
|
|
||||||
<li
|
|
||||||
class="text-gray-900 font-semibold text-lg cursor-pointer border-2 border-amber-400 p-2 rounded-md bg-amber-200"
|
|
||||||
v-for="valid in depositsValidList"
|
|
||||||
:key="valid.depositID"
|
|
||||||
@click="mapDeposit(valid.depositID)"
|
|
||||||
>
|
|
||||||
Buyer:<br />{{ formatWalletAddress(valid.seller) }}<br />
|
|
||||||
MRBZ: {{ valid.remaining }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
header {
|
|
||||||
@apply flex flex-row justify-between w-full items-center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.default-button {
|
|
||||||
@apply p-2 rounded border-2 border-amber-400 text-gray-50 font-extrabold text-base w-full;
|
|
||||||
}
|
|
||||||
|
|
||||||
.default-input {
|
|
||||||
@apply border-none outline-none text-lg text-gray-900 w-64 p-2 rounded-lg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
@apply flex gap-8 mt-24;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.page {
|
|
||||||
@apply flex-wrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user