From b3191f493b8b420fac77e53ae5c391658a8c35b6 Mon Sep 17 00:00:00 2001
From: EmberSpirit <EmberSpirit007@proton.me>
Date: Mon, 16 Oct 2023 13:52:19 +0200
Subject: [PATCH] blood splash

---
 src/App.vue                       | 6 +++++-
 src/components/SacrificeToken.vue | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 2481e96..fc3bf7e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,11 +13,12 @@ import { useCycleStore } from "@/stores/cycles";
 
 import SlideoutPanel from "./components/SlideoutPanel.vue";
 import ConnectWallet from "./components/ConnectWallet.vue";
-
+import BloodSplash from "./components/BloodSplash.vue";
 import { getNetwork, fetchTransaction } from "@wagmi/core";
 
 const isMobile = ref(false);
 const showPanel = ref(false);
+const splashBlood = ref(0);
 
 const router = useRouter();
 const route = useRoute();
@@ -58,6 +59,7 @@ function changeRoute(name) {
 }
 provide("isMobile", isMobile);
 provide("showPanel", showPanel);
+provide("splashBlood", splashBlood);
 
 onMounted(async () => {
 	window.addEventListener("resize", handleWindowSizeChange);
@@ -88,6 +90,8 @@ onMounted(async () => {
 	<div class="main" :class="{ 'no-scroll': showPanel, mobile: isMobile }">
 		<RouterView />
 	</div>
+	<blood-splash :key="splashBlood"></blood-splash>
+
 	<div class="footer">
 		<div class="footer-inner">
 			<div class="footer-headline">Join Bloodline</div>
diff --git a/src/components/SacrificeToken.vue b/src/components/SacrificeToken.vue
index 4105d59..f522a08 100644
--- a/src/components/SacrificeToken.vue
+++ b/src/components/SacrificeToken.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="sacrifice-wrapper card card--glow bloodline-wrapper">
 		<div class="sacrifice-headline">Select Sacrifice</div>
+		<button @click="splashBlood++">splash</button>
 		<div class="sacrifice-select-tokens">
 			<div class="sacrifice-tokens">
 				<div
@@ -186,6 +187,7 @@ import { debounce, formatNumber } from "@/helper/helper.js";
 
 const isMobile = inject("isMobile");
 const showPanel = inject("showPanel");
+const splashBlood = inject("splashBlood");
 
 const walletStore = useWalletStoreV2();
 
@@ -201,6 +203,7 @@ const stakingOutput = ref(null);
 const blockEvent = ref(null);
 const approveToast = ref(null);
 const addOperator = ref(true);
+const splashesUsed = ref([]);
 /**
  * state 0 enter amount
  * state 1 rdy to go