Merge branch 'master' into ap/referral

integritee-network · Sep 27, 2024 · eb32137 · eb32137
2 parents cb99620 + 4b8b3bb
commit eb32137
Show file tree

Hide file tree

Showing 3 changed files with 132 additions and 89 deletions.
diff --git a/components/Logo/index.vue b/components/Logo/index.vue
@@ -1,45 +1,85 @@
 <template>
-  <svg width="234" height="30" viewBox="0 0 330 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="blue-hover show-on-hover"
+  <svg
+    width="234"
+    height="30"
+    viewBox="0 0 330 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="blue-hover show-on-hover"
       d="M62 7.39438C61.8841 13.2019 61.0444 18.6842 58.4869 23.779C57.6472 25.4513 56.6038 26.9813 55.1652 28.1933C52.8518 30.1428 50.2784 30.5604 47.575 29.2222C45.9695 28.4279 44.5045 27.3492 42.9535 26.4376C41.3076 25.469 39.6652 24.4881 37.9683 23.6156C33.2625 21.1934 28.5127 21.197 23.8578 23.6991C21.1544 25.1527 18.5617 26.8179 15.9391 28.4208C14.3512 29.3893 12.7053 30.1126 10.8029 29.9491C8.71084 29.7696 7.10357 28.666 5.76858 27.1128C3.42355 24.3833 2.18165 21.1028 1.2981 17.6695C0.184429 13.3458 -0.189721 8.94399 0.0878175 4.48353C0.129975 3.7958 0.35306 3.27689 0.874762 2.82196C2.86672 1.07864 5.22755 0.271848 7.79039 0.0852548C13.0935 -0.303925 18.0804 0.916928 22.86 3.20403C24.4989 3.98772 26.194 4.6559 27.8838 5.32408C29.9952 6.15753 32.1365 6.1291 34.2321 5.27966C36.1591 4.49774 38.0597 3.64652 39.9638 2.80596C44.5695 0.774761 49.3492 -0.353684 54.3975 0.0994714C56.8849 0.321606 59.186 1.12485 61.1094 2.8344C61.5837 3.25556 61.856 3.72294 61.87 4.37157C61.8928 5.43604 61.9596 6.49873 62 7.39438ZM36.6175 14.0193C37.9016 15.704 39.3314 17.1221 41.0968 18.1688C43.3065 19.4785 45.5813 19.7078 47.9281 18.558C49.9429 17.5699 51.5378 16.0701 52.901 14.3054C53.0011 14.1757 52.9589 13.8008 52.843 13.6515C51.7311 12.2067 50.4312 10.9628 48.8854 9.99425C46.5755 8.54948 44.1901 8.25804 41.7098 9.52688C39.6529 10.5789 38.0368 12.1445 36.6175 14.0193ZM25.3684 14.0211C23.8332 12.0148 22.0907 10.3301 19.8054 9.31363C18.6425 8.7965 17.4182 8.56014 16.1499 8.8036C12.9459 9.4167 10.8099 11.5581 8.82677 14.0069C10.283 15.9155 11.9254 17.5131 14.0403 18.5527C16.2553 19.642 18.4352 19.5176 20.5853 18.3341C22.4876 17.2856 23.9965 15.7964 25.3684 14.0229V14.0211Z"
-      fill="url(#paint0_linear_431_37837)" />
-    <path class="blue-hover show-on-hover"
+      fill="url(#paint0_linear_431_37837)"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M219.12 15.1342C219.12 9.8775 222.556 6.29492 227.16 6.29492C231.964 6.29492 234.966 9.91098 234.966 14.8663C234.966 15.3686 234.933 15.7703 234.9 16.1387H223.157C223.29 19.3529 224.958 20.7592 227.26 20.7592C229.395 20.7592 230.563 19.4869 231.33 17.7458L235 19.1186C233.832 22.065 231.363 23.9735 227.227 23.9735C222.323 23.9735 219.12 20.6587 219.12 15.1342ZM223.29 13.1253H230.863C230.73 10.7146 229.295 9.34179 227.16 9.34179C225.125 9.34179 223.59 10.7146 223.29 13.1253Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M200.55 15.1342C200.55 9.8775 203.986 6.29492 208.59 6.29492C213.394 6.29492 216.397 9.91098 216.397 14.8663C216.397 15.3686 216.363 15.7703 216.33 16.1387H204.587C204.72 19.3529 206.388 20.7592 208.69 20.7592C210.825 20.7592 211.993 19.4869 212.76 17.7458L216.43 19.1186C215.262 22.065 212.794 23.9735 208.657 23.9735C203.753 23.9735 200.55 20.6587 200.55 15.1342ZM204.72 13.1253H212.293C212.16 10.7146 210.725 9.34179 208.59 9.34179C206.555 9.34179 205.021 10.7146 204.72 13.1253Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M189.702 9.97724H186.099V6.79645H189.702V1.57324H193.772V6.79645H198.175V9.97724H193.772V18.5821C193.772 19.6201 194.272 20.1223 195.306 20.1223H198.843V23.4705H193.905C191.203 23.4705 189.702 21.8969 189.702 19.2183V9.97724Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover" d="M178.908 4.15178V0H183.245V4.15178H178.908ZM179.074 23.4709V6.79686H183.111V23.4709H179.074Z" fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M178.908 4.15178V0H183.245V4.15178H178.908ZM179.074 23.4709V6.79686H183.111V23.4709H179.074Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M163.434 23.4712H159.364V6.79715H163.134C163.101 7.76813 162.433 9.27483 161.499 10.6476H163.401C164.101 8.40429 165.87 6.29492 168.605 6.29492C172.375 6.29492 174.31 8.60518 174.31 12.4891V23.4712H170.24V13.2927C170.24 10.882 169.139 9.71009 167.237 9.71009C163.768 9.71009 163.434 13.0583 163.434 15.8373V23.4712Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M137.664 26.9199C137.664 25.5471 138.631 24.5092 139.965 24.0069V22.6007C138.898 22.2324 138.197 21.4958 138.197 20.4244C138.197 19.0181 139.065 18.0136 140.833 17.3775V16.0047C139.599 15.0672 138.931 14.0293 138.931 12.2547C138.931 8.87304 141.834 6.29492 145.637 6.29492C148.606 6.29492 150.741 7.6342 151.508 9.67661H152.843C153.076 7.6342 153.81 6.79715 155.445 6.79715H156.412V9.97795H154.778C153.543 9.97795 153.21 10.2458 153.043 12.0538L152.976 12.5561C152.609 16.2726 149.907 18.5159 146.037 18.5159C144.603 18.5159 143.502 18.315 142.734 17.9132C141.834 18.2145 141.367 18.6833 141.367 19.286C141.367 19.8552 141.9 20.1565 142.968 20.1565H150.141C153.477 20.1565 155.745 22.2324 155.745 25.0449C155.745 28.2257 153.377 30.0002 150.141 30.0002H141.767C138.798 30.0002 137.664 28.4266 137.664 26.9199ZM149.24 12.4891C149.24 10.5806 148.005 9.20786 146.037 9.20786C144.069 9.20786 142.835 10.5806 142.835 12.4891C142.835 14.3976 144.036 15.7034 146.037 15.7034C147.939 15.7034 149.24 14.3976 149.24 12.4891ZM142.968 26.8864H149.44C150.941 26.8864 151.709 26.3172 151.709 25.1453C151.709 24.0404 150.941 23.4712 149.44 23.4712H141.967C141.433 23.7726 140.933 24.4757 140.933 25.2458C140.933 26.3507 141.6 26.8864 142.968 26.8864Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M118.645 15.1342C118.645 9.94447 122.115 6.29492 127.019 6.29492C131.923 6.29492 135.393 9.94447 135.393 15.1342C135.393 20.3909 131.823 23.9735 127.019 23.9735C122.215 23.9735 118.645 20.2235 118.645 15.1342ZM131.189 15.2012C131.189 11.5516 129.454 9.60965 127.019 9.60965C124.483 9.60965 122.849 11.5516 122.849 15.2012C122.849 18.8172 124.483 20.6587 127.019 20.6587C129.554 20.6587 131.189 18.8172 131.189 15.2012Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M100.173 15.1007C100.173 9.8775 103.876 6.29492 108.714 6.29492C112.583 6.29492 115.219 8.40429 116.253 11.2503L112.517 12.5896C111.85 10.7146 110.515 9.60965 108.614 9.60965C106.178 9.60965 104.31 11.4846 104.31 15.1007C104.31 18.7503 106.212 20.6587 108.647 20.6587C110.782 20.6587 112.05 19.4534 112.75 17.277L116.587 18.6498C115.386 21.8641 112.583 23.9735 108.714 23.9735C103.743 23.9735 100.173 20.4244 100.173 15.1007Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
       d="M85.7002 23.4712H81.6301V6.79715H85.3999C85.3666 7.76813 84.6993 9.27483 83.7652 10.6476H85.6668C86.3674 8.40429 88.1355 6.29492 90.8711 6.29492C94.6409 6.29492 96.5759 8.60518 96.5759 12.4891V23.4712H92.5058V13.2927C92.5058 10.882 91.4049 9.71009 89.5033 9.71009C86.0338 9.71009 85.7002 13.0583 85.7002 15.8373V23.4712Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover" d="M72 23.4707V0.0332031H76.3369V23.4707H72Z" fill="white" />
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M72 23.4707V0.0332031H76.3369V23.4707H72Z"
+      fill="white"
+    />
     <defs>
-      <linearGradient id="paint0_linear_431_37837" x1="62" y1="15" x2="0" y2="15" gradientUnits="userSpaceOnUse">
+      <linearGradient
+        id="paint0_linear_431_37837"
+        x1="62"
+        y1="15"
+        x2="0"
+        y2="15"
+        gradientUnits="userSpaceOnUse"
+      >
         <stop offset="0.0913122" stop-color="#24AD7C" />
         <stop offset="1" stop-color="#1845B9" />
       </linearGradient>
     </defs>
   </svg>
 </template>
-<style lang="scss" scoped>svg,
+<style lang="scss" scoped>
+svg,
 path {
-  transition: .3s ease;
+  transition: 0.3s ease;
 }
 
 svg {
@@ -52,4 +92,5 @@ svg {
       fill-opacity: 1;
     }
   }
-}</style>
+}
+</style>
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,11 +1,9 @@
 <template>
   <div class="layout">
     <header class="container header">
-
-        <Logo/>
-
-        <!--p class="address">{{ accountStore.getShortAddress }}</p -->
-
+      <Logo />
+
+      <!--p class="address">{{ accountStore.getShortAddress }}</p -->
     </header>
     <footer class="footer">
       <!--
@@ -91,7 +89,7 @@
 </template>
 
 <script setup lang="ts">
-import Logo from '@/components/Logo'
+import Logo from "@/components/Logo";
 import { useAccount } from "@/store/account.ts";
 
 const accountStore = useAccount();
@@ -113,7 +111,6 @@ const accountStore = useAccount();
 .header {
   flex-shrink: 0; /* Prevents the header from shrinking */
   padding: 10px 0px 10px 10px;
-
 }
 
 .header-content {

diff --git a/pages/index.vue b/pages/index.vue
@@ -59,40 +59,43 @@
           </h2>
           <p class="mt-6 text-gray-300">
             A new era of digital currency transfer is about to come. Our
-            <a class="text-incognitee-green" href="https://incognitee.io">Incognitee</a> Web3 solution
-            empowers you to make secure, private, and anonymous transactions
-            without compromising control over your assets. <br /><br />
+            <a class="text-incognitee-green" href="https://incognitee.io"
+              >Incognitee</a
+            >
+            Web3 solution empowers you to make secure, private, and anonymous
+            transactions without compromising control over your assets.
+            <br /><br />
             Collect TEERdays now and save the pole position for the Incognitee
             Go-Live.
           </p>
           <div
-  class="wallet-grid mx-auto mt-10 grid max-w-lg grid-cols-2 gap-x-3 gap-y-3 sm:max-w-xl sm:grid-cols-4 sm:gap-x-3 lg:mx-0 lg:max-w-none lg:grid-cols-4"
->
-  <a href="https://talisman.xyz/download"
-    ><img
-      class="col-span-1 max-h-10 w-full object-contain lg:col-span-1"
-      src="/img/index/talisman-logo.svg"
-      alt="talisman"
-  /></a>
-  <a href="https://novawallet.io/"
-    ><img
-      class="col-span-1 max-h-7 w-full object-contain lg:col-span-1"
-      src="/img/index/nova-wallet-logo.svg"
-      alt="nova wallet"
-  /></a>
-  <a href="https://www.subwallet.app/"
-    ><img
-      class="col-span-1 max-h-10 w-full object-contain lg:col-span-1"
-      src="/img/index/sub-wallet-logo.svg"
-      alt="sub wallet"
-  /></a>
-  <a href="https://polkadot.js.org/extension/"
-    ><img
-      class="col-span-1 max-h-7 w-full object-contain lg:col-span-1"
-      src="/img/index/polkadotjs-logo.svg"
-      alt="polkajs"
-  /></a>
-</div>
+            class="wallet-grid mx-auto mt-10 grid max-w-lg grid-cols-2 gap-x-3 gap-y-3 sm:max-w-xl sm:grid-cols-4 sm:gap-x-3 lg:mx-0 lg:max-w-none lg:grid-cols-4"
+          >
+            <a href="https://talisman.xyz/download"
+              ><img
+                class="col-span-1 max-h-10 w-full object-contain lg:col-span-1"
+                src="/img/index/talisman-logo.svg"
+                alt="talisman"
+            /></a>
+            <a href="https://novawallet.io/"
+              ><img
+                class="col-span-1 max-h-7 w-full object-contain lg:col-span-1"
+                src="/img/index/nova-wallet-logo.svg"
+                alt="nova wallet"
+            /></a>
+            <a href="https://www.subwallet.app/"
+              ><img
+                class="col-span-1 max-h-10 w-full object-contain lg:col-span-1"
+                src="/img/index/sub-wallet-logo.svg"
+                alt="sub wallet"
+            /></a>
+            <a href="https://polkadot.js.org/extension/"
+              ><img
+                class="col-span-1 max-h-7 w-full object-contain lg:col-span-1"
+                src="/img/index/polkadotjs-logo.svg"
+                alt="polkajs"
+            /></a>
+          </div>
 
           <div class="mt-10 flex">
             <button v-if="accounts.length < 1"
@@ -425,17 +428,7 @@
                         "
                         class="text-sm text-red-500"
                       >
-                        Not enough transferrable TEER. Please get free test TEER
-                        at our
-                        <a
-                          :href="
-                            'https://substratefaucet.xyz/integritee/' +
-                            accountStore.getAddress
-                          "
-                          target="_blank"
-                          class="text-indigo-500 underline"
-                          >testnet faucet</a
-                        >.
+                        Not enough transferrable TEER.
                       </div>
                       <div
                         v-else-if="pendingUnlock"
@@ -533,12 +526,13 @@
             <p class="mt-4 text-gray-300">
               By bonding your TEER now, you can already accumulate TEERdays
               prior to the launch of
-              <a class="text-incognitee-green" href="https://incognitee.io">Incognitee</a>. TEERdays are
-              calculated by multiplying the amount of TEER by the number of days
-              bonded. You can unbond your TEER anytime within 7 days, but you
-              will lose a fraction of the accumulated TEERdays if you do.
-              TEERdays are non-transferable. Start now to get the best position
-              for the Incognitee launch. 
+              <a class="text-incognitee-green" href="https://incognitee.io"
+                >Incognitee</a
+              >. TEERdays are calculated by multiplying the amount of TEER by
+              the number of days bonded. You can unbond your TEER anytime within
+              7 days, but you will lose a fraction of the accumulated TEERdays
+              if you do. TEERdays are non-transferable. Start now to get the
+              best position for the Incognitee launch. 
             </p>
           </div>
         </div>
@@ -556,8 +550,11 @@
             </h1>
             <p class="mt-4 text-gray-300">
               TEERdays can be used to increase your revenue share for the launch
-              of <a class="text-incognitee-green" href="https://incognitee.io">Incognitee</a> on
-              Polkadot/Kusama and will also increase your governance voting
+              of
+              <a class="text-incognitee-green" href="https://incognitee.io"
+                >Incognitee</a
+              >
+              on Polkadot/Kusama and will also increase your governance voting
               power for future decisions related to Incognitee.
             </p>
           </div>
@@ -577,10 +574,20 @@
             <p class="mt-6 text-gray-300">
               1. First, you need to possess some TEER. Grab them at one of the
               avenues like
-              <a class="text-incognitee-green" href="https://www.kraken.com/prices/integritee?quote=usd&interval=24h"
+              <a
+                class="text-incognitee-green"
+                href="https://www.kraken.com/prices/integritee?quote=usd&interval=24h"
                 >Kraken</a
-              >, <a class="text-incognitee-green" href="https://www.gate.io/de/trade/TEER_USDT">Gate</a> or
-              <a class="text-incognitee-green" href="https://app.basilisk.cloud/trade?assetIn=1&assetOut=17"
+              >,
+              <a
+                class="text-incognitee-green"
+                href="https://www.gate.io/de/trade/TEER_USDT"
+                >Gate</a
+              >
+              or
+              <a
+                class="text-incognitee-green"
+                href="https://app.basilisk.cloud/trade?assetIn=1&assetOut=17"
                 >Basilisk</a
               ><br />
 
@@ -712,7 +719,6 @@
       </div>
     </div>
   </div>
-  
 
   <footer class="footer">
     <div class="container">
@@ -1225,7 +1231,7 @@ watch(accountStore, async () => {
 const amountToBond = ref(0);
 const bondAmount = () => {
   // Handle the bonding process here
-  const amount = amountToBond.value * Math.pow(10, 12);
+  const amount = BigInt(amountToBond.value) * BigInt(Math.pow(10, 12));
   console.log(`Bonding ${amount}`);
   txStatus.value = "⌛ Bonding. Please sign the transaction in your wallet.";
   openStatusOverlay();
@@ -1254,7 +1260,7 @@ const bondAmount = () => {
 const amountToUnbond = ref(0);
 const unbondAmount = () => {
   // Handle the bonding process here
-  const amount = amountToUnbond.value * Math.pow(10, 12);
+  const amount = BigInt(amountToUnbond.value) * BigInt(Math.pow(10, 12));
   console.log(`Unbonding ${amount}`);
   txStatus.value = "⌛ Unbonding. Please sign the transaction in your wallet.";
   openStatusOverlay();
@@ -1526,7 +1532,7 @@ input[type="number"] {
 }
 
 .footer {
- margin-top: 50px;
+  margin-top: 50px;
 }
 
 .footer {
@@ -1755,5 +1761,4 @@ input[type="number"] {
     margin-top: 20px;
   }
 }
-
 </style>