Merge pull request #27 from Apillon/dev

MetaMask install link (link with path)
Apillon · Feb 20, 2024 · 2056848 · 2056848
2 parents f1251d2 + 11695b7
commit 2056848
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 11 deletions.
diff --git a/frontend/components/parts/form/Wallet.vue b/frontend/components/parts/form/Wallet.vue
@@ -2,6 +2,7 @@
 import WalletSVG from '~/assets/images/wallet.svg';
 import { useConnect } from 'use-wagmi';
 
+const { fullPath } = useRoute();
 const { connect, connectors, pendingConnector } = useConnect();
 </script>
 
@@ -23,7 +24,7 @@ const { connect, connectors, pendingConnector } = useConnect();
           v-if="!connector.ready && connector.id === 'metaMask'"
           type="secondary"
           size="large"
-          href="https://metamask.app.link/dapp/nft.ment.si"
+          :href="`https://metamask.app.link/dapp/nft.ment.si/${fullPath}`"
         >
           <span class="inline-flex gap-2 items-center">
             <NuxtIcon :name="connector.id" class="text-xl" filled />
@@ -44,6 +45,10 @@ const { connect, connectors, pendingConnector } = useConnect();
           </span>
         </Btn>
       </template>
+      <p class="text-xs italic lg:hidden">
+        *If a wallet is not installed on your mobile device, return to this page after installation
+        to proceed with the claim process.
+      </p>
     </n-space>
   </div>
 </template>
diff --git a/frontend/lib/utils/helpers.ts b/frontend/lib/utils/helpers.ts
@@ -79,8 +79,8 @@ export function copyToClipboard(text: string) {
  * OG data
  */
 export function prepareOG(
-  title = 'Ment MFT Airdrop',
-  description = '',
+  title = 'Mint your MENT Token',
+  description = 'Powered by Apillon.',
   image = '/images/superrare.jpg',
   url = 'https://nft.ment.si/'
 ) {

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
@@ -16,8 +16,8 @@ if (env === Environments.prod) {
 }
 
 const meta = {
-  title: 'powered by Apillon',
-  description: 'Ment NFT airdrop - powered by Apillon',
+  title: 'Mint your MENT Token',
+  description: 'Powered by Apillon.',
   url: 'https://nft.ment.si/',
 };
 
@@ -82,7 +82,7 @@ export default defineNuxtConfig({
       htmlAttrs: { lang: 'en' },
       bodyAttrs: { id: 'kalm' },
       title: meta.title,
-      titleTemplate: `%s - ${meta.title}`,
+      titleTemplate: `%s`,
       charset: 'utf-8',
       viewport: 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no',
 

diff --git a/frontend/pages/admin.vue b/frontend/pages/admin.vue
@@ -8,7 +8,7 @@ definePageMeta({
   layout: 'admin',
 });
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const message = useMessage();

diff --git a/frontend/pages/claim.vue b/frontend/pages/claim.vue
@@ -9,7 +9,7 @@ definePageMeta({
   layout: 'claim',
 });
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const config = useRuntimeConfig();

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -4,7 +4,7 @@ import SuperRareJpg from '~/assets/images/superrare.jpg';
 const { isMd } = useScreen();
 
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 </script>
 

diff --git a/frontend/pages/share.vue b/frontend/pages/share.vue
@@ -3,7 +3,7 @@ import { prepareOG } from '~/lib/utils/helpers';
 import { Chains } from '~/lib/values/general.values';
 
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const router = useRouter();

diff --git a/frontend/pages/success.vue b/frontend/pages/success.vue
@@ -13,6 +13,6 @@
 
 <script setup lang="ts">
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 </script>