From 23100d9a2abd832df8331564ddefcafec26e5c17 Mon Sep 17 00:00:00 2001
From: EmberSpirit <EmberSpirit007@proton.me>
Date: Mon, 14 Aug 2023 18:37:11 +0200
Subject: [PATCH] stakemenu

---
 public/assets/img/token/bloodline.png | Bin 0 -> 12347 bytes
 src/components/StakeMenu.vue          |  91 ++++++++++++++++++++++++++
 src/components/TokenInput.vue         |  53 +++++++++++++++
 src/components/TokenLogo.vue          |  24 +++++++
 src/helper/blockchain.js              |  72 ++++++++++++++++++++
 5 files changed, 240 insertions(+)
 create mode 100644 public/assets/img/token/bloodline.png
 create mode 100644 src/components/StakeMenu.vue
 create mode 100644 src/components/TokenInput.vue
 create mode 100644 src/components/TokenLogo.vue
 create mode 100644 src/helper/blockchain.js

diff --git a/public/assets/img/token/bloodline.png b/public/assets/img/token/bloodline.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab604367614a30b69de30d50031cd80944920c51
GIT binary patch
literal 12347
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

literal 0
HcmV?d00001

diff --git a/src/components/StakeMenu.vue b/src/components/StakeMenu.vue
new file mode 100644
index 0000000..454f31a
--- /dev/null
+++ b/src/components/StakeMenu.vue
@@ -0,0 +1,91 @@
+<template>
+	<div>
+		<token-input v-model="tokenNumber">
+			<template v-slot:message>
+				<div class="stake-adder-step bloodline-badge grey" @click="addTokensPercent(25)">25%</div>
+				<div class="stake-adder-step bloodline-badge grey" @click="addTokensPercent(50)">50%</div>
+				<div class="stake-adder-step bloodline-badge grey" @click="addTokensPercent(75)">75%</div>
+				<div class="stake-adder-step bloodline-badge grey" @click="addTokensPercent(100)">100%</div>
+			</template>
+		</token-input>
+		<div class="input-balance">Balance: {{ walletStore.memeToken.balanceOf }}</div>
+		<div class="btn btn-immortal stake-button" @click="stakeBloodline" v-if="props.stake">Stake</div>
+		<div class="btn btn-immortal stake-button" @click="unstakeBloodline" v-else>Unstake</div>
+		<div class="btn btn-immortal black cancel-button" @click="emit('close')">Cancel</div>
+	</div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+import TokenInput from "./TokenInput.vue";
+import { useWalletStoreV2 } from "@/stores/walletV2";
+import { useRewardLockerStore } from "@/stores/rewardlocker";
+import { useTokenStore } from "@/stores/tokens";
+import { createPermitObject, getSignatureRSV } from "@/helper/blockchain.js";
+
+import { signTypedData } from "@wagmi/core";
+
+const walletStore = useWalletStoreV2();
+const rewardLockerStore = useRewardLockerStore();
+const tokenStore = useTokenStore();
+
+const props = defineProps({
+	stake: Boolean,
+});
+
+const emit = defineEmits(["close"]);
+
+const tokenNumber = ref(null);
+async function addTokensPercent(value) {
+	let amount;
+	if (props.stake) {
+		amount = (walletStore.memeToken.balanceOf * value) / 100;
+	} else {
+		amount = (walletStore.memeToken.staked * value) / 100;
+	}
+	tokenNumber.value = amount;
+}
+
+async function unstakeBloodline() {
+	alert("todo");
+}
+
+async function stakeBloodline() {
+	const fromAddress = walletStore.address;
+	const spender = rewardLockerStore.config.contractAddress;
+	const deadline = Date.now() + 20 * 60;
+	const decimals = tokenStore.getToken(walletStore.memeToken.contractAddress).decimals;
+	const value = (tokenNumber.value * Math.pow(10, decimals)).toString();
+	const nonce = await tokenStore.memeToken.contract.read.nonces([fromAddress]);
+	console.log("nonce", nonce);
+	const { types, message, domain, primaryType } = createPermitObject(fromAddress, spender, nonce, deadline, value);
+
+	const signature = await signTypedData({
+		domain: domain,
+		message: message,
+		primaryType: primaryType,
+		types: types,
+	});
+
+	const { r, s, v } = getSignatureRSV(signature);
+
+	var resultStake = await rewardLockerStore.contract.write.stakeToBeSecured([value, deadline, v, r, s]);
+
+	console.log("resultStake", resultStake);
+}
+</script>
+
+<style lang="sass">
+.btn
+    &.btn-immortal
+        &.cancel-button
+            font-size: 14px
+            text-align: center
+        &.stake-button
+            font-size: 18px
+            text-align: center
+.input-balance
+    margin: 8px 0
+    color: var(--grey, #858585)
+</style>
diff --git a/src/components/TokenInput.vue b/src/components/TokenInput.vue
new file mode 100644
index 0000000..f3d2937
--- /dev/null
+++ b/src/components/TokenInput.vue
@@ -0,0 +1,53 @@
+<template>
+	<div class="token-input">
+		<div class="sarcrifice-from-input">
+			<input
+				@input="emit('update:modelValue', $event.target.value)"
+				v-model="props.modelValue"
+				:placeholder="0"
+			/>
+			<token-logo img="/assets/img/token/bloodline.png" :alt="'test'"></token-logo>
+		</div>
+		<div class="value-adder">
+			<slot class="value-adder" name="message"></slot>
+		</div>
+	</div>
+</template>
+
+<script setup>
+const props = defineProps({
+	modelValue: Number,
+});
+
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<style lang="sass">
+.sarcrifice-from-input
+    display: flex
+    margin-bottom: 8px
+    // height: 60px
+    input
+        width: 100%
+        height: 45px
+        font-size: 24px
+        border-radius: 16px
+        padding: 0 16px
+        @media (min-width: 992px)
+            font-size: 32px
+            height: auto
+.value-adder
+    display: flex
+    gap: 8px
+    .stake-adder-step
+        padding: 4px 16px
+        color: var(--black)
+        font-size: 14px
+        border-width: 1px
+        border-color: transparent
+        border-style: solid
+        &:hover,&:active, &:focus
+            color: var(--white)
+            border-color: var(--white)
+            background-color: var(--black)
+</style>
diff --git a/src/components/TokenLogo.vue b/src/components/TokenLogo.vue
new file mode 100644
index 0000000..667781d
--- /dev/null
+++ b/src/components/TokenLogo.vue
@@ -0,0 +1,24 @@
+<template>
+	<div class="token-logo">
+		<img :src="props.img" :alt="props.alt" />
+	</div>
+</template>
+
+<script setup>
+const props = defineProps({
+	img: String,
+	alt: Number,
+});
+</script>
+
+<style lang="sass">
+.token-logo
+    img
+        width: 45px
+        height: 45px
+        border-radius: 50%
+        pointer-events: none
+        @media (min-width: 992px)
+            height: 83px
+            width: auto
+</style>
diff --git a/src/helper/blockchain.js b/src/helper/blockchain.js
new file mode 100644
index 0000000..c35f940
--- /dev/null
+++ b/src/helper/blockchain.js
@@ -0,0 +1,72 @@
+import { useTokenStore } from "@/stores/tokens";
+
+export function createPermitObject(fromAddress, spender, nonce, deadline, value) {
+    const tokenStore = useTokenStore();
+
+    const message = {
+		owner: fromAddress,
+		spender: spender,
+		nonce: nonce,
+		deadline: deadline,
+		value: value,
+    };
+    
+    const domainType = [
+		{ name: "name", type: "string" },
+		{ name: "version", type: "string" },
+		{ name: "chainId", type: "uint256" },
+		{ name: "verifyingContract", type: "address" },
+    ];
+    
+
+    const primaryType = "Permit";
+
+    const types =  {
+        EIP712Domain: domainType,
+        Permit: [
+            {
+                name: "owner",
+                type: "address",
+            },
+            {
+                name: "spender",
+                type: "address",
+            },
+            {
+                name: "value",
+                type: "uint256",
+            },
+            {
+                name: "nonce",
+                type: "uint256",
+            },
+            {
+                name: "deadline",
+                type: "uint256",
+            },
+        ],
+    }
+    
+    const domain = {
+		name: "Bloodline",
+		version: "1",
+		chainId: 5,
+		verifyingContract: tokenStore.memeToken.contractAddress,
+	};
+    
+    return {
+            types,
+			message,
+			domain,
+            primaryType,
+		};
+}
+
+export function getSignatureRSV(sig) {
+	// splits the signature to r, s, and v values.
+	// const pureSig = sig.replace("0x", "");
+	const r = sig.slice(0, 66);
+	const s = "0x" + sig.slice(66, 130);
+	const v = Number("0x" + sig.slice(130, 132));
+	return { v, r, s };
+};