cindylouwho/ImmortalClanVue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

start implementing frontend design

Browse Source
This commit is contained in:
Michel Fromme
2023-06-18 10:48:50 +02:00
parent 89f47b3692
commit db41b03456
27 changed files with 997 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/stores/contracts.js
+12
View File
@@ -0,0 +1,12 @@
import { defineStore } from "pinia";
export const useContractStore = defineStore("contracts", {
state: () => ({
list: {
}
}),
getters: {
},
actions: {
}
});
src/stores/tokens.js
+34 -13
View File
@@ -1,6 +1,7 @@
import { defineStore } from "pinia";
import Web3 from "web3";
import { useWalletStore } from "./wallet";
import { useContractStore } from "./contracts";
import Meme1Json from "@/assets/contracts/Meme1.json";
import Meme2Json from "@/assets/contracts/Meme2.json";
import MemeBurnerJson from "@/assets/contracts/MemeBurner.json";
@@ -411,8 +412,9 @@ export const useTokenStore = defineStore("token", {
abi: null,
balance: null,
contract: null,
allowance: null
allowance: null,
},
loading: false,
memeBurner: {
config: MemeBurnerJson,
contract: null
@@ -440,23 +442,42 @@ export const useTokenStore = defineStore("token", {
},
async approveToken(amount) {
const walletStore = useWalletStore();
this.loading = true;
var approve = await this.contract.methods
.approve(this.memeBurner.config.contractAddress, amount)
.send({ from: walletStore.address });
console.log("approve", approve);
console.log("this.contract", this.contract);
.send({ from: walletStore.address });
console.log("approve", approve);
this.loading = false;
return approve;
},
async sacrificeToken(amount) {
console.log("this.activeToken.", this.activeToken.contractAddress);
const walletStore = useWalletStore();
console.log("walletStore.address", walletStore.address);
var reward = await this.memeBurner.contract.methods
.sacrificeMeme(this.activeToken.contractAddress, "400000000000000000")
.call({ from: walletStore.address });
console.log("reward", reward);
},
getTokenContract(token) {
try {
this.loading = true;
console.log("this.activeToken.", this.activeToken.contractAddress);
const walletStore = useWalletStore();
console.log("walletStore.address", walletStore.address);
var reward = await this.memeBurner.contract.methods
.sacrificeMeme(this.activeToken.contractAddress, "400000000000000000")
.send({ from: walletStore.address });
console.log("reward", reward);
} catch (error) {
error.log(error);
} finally {
this.loading = false;
}
},
async getRewardsFor(amount) {
const contractsStore = useContractStore();
var rewards = await contractsStore.list.memeBurnerPublic.methods
.getRewardFor(this.activeToken.contractAddress, amount)
.call();
return rewards
},
getTokenContract(token) {
console.log("token", token);
const contractAddress = token.contractAddress;
console.log("contractAddress", contractAddress);
const activeToken = this.token.find((obj) => obj.contractAddress === contractAddress);
console.log("activeToken", activeToken);
const web3 = new Web3(window.ethereum);
src/stores/wallet.js
+22 -22
View File
@@ -15,17 +15,6 @@ export const useWalletStore = defineStore("wallet", {
increment() {
this.count++;
},
async disconnectWallet() {
// const permissions = await window.ethereum.request({
// method: 'wallet_requestPermissions',
// params: [{
// eth_accounts: {},
// }]
// });
// console.log("permissions", permissions);
this.connected = false;
this.address = null;
},
connectWallet() {
console.log("window.ethereum", window.ethereum);
// if (window.ethereum) {
@@ -33,15 +22,16 @@ export const useWalletStore = defineStore("wallet", {
.request({ method: "eth_requestAccounts" })
.then((data) => {
console.log("data", data);
this.address = data[0];
this.connected = true;
const tokenStore = useTokenStore();
if (tokenStore.activeToken.address) {
//Token selected but not refreshed
this.getTokenBalance(tokenStore.activeToken.address).then(
(data) => (tokenStore.activeToken.balance = data)
);
}
this.isConnected();
// this.address = data[0];
// this.connected = true;
// const tokenStore = useTokenStore();
// if (tokenStore.activeToken.address) {
// //Token selected but not refreshed
// this.getTokenBalance(tokenStore.activeToken.address).then(
// (data) => (tokenStore.activeToken.balance = data)
// );
// }
// console.log("permissions", permissions);
})
.catch((error) => {
@@ -62,23 +52,33 @@ export const useWalletStore = defineStore("wallet", {
},
async isConnected() {
try {
this.loading = true;
const accounts = await window.ethereum.request({ method: "eth_accounts" });
if (accounts.length) {
this.connected = true;
this.address = accounts[0];
console.log(`You're connected to: ${accounts[0]}`);
const web3 = new Web3(window.ethereum);
const tokenStore = useTokenStore();
console.log("tokenStore.activeToken", tokenStore.activeToken);
if (tokenStore.activeToken.contractAddress) {
tokenStore.activeToken.balance = await this.getTokenBalance(
tokenStore.activeToken
);
tokenStore.activeToken.allowance = await tokenStore.allowance();
}
tokenStore.memeBurner.contract = new web3.eth.Contract(
tokenStore.memeBurner.config.abi,
tokenStore.memeBurner.config.contractAddress
);
} else {
this.disconnectWallet();
console.log("Metamask is not connected");
this.connected = false;
}
} catch (error) {
console.log("error", error);
} finally {
this.loading = false;
}
}