chore: home page banner update

src/app/api/tnc/signUser/route.ts

@@ -9,16 +9,9 @@
 const mixpanel = Mixpanel.init('118f29da6a372f0ccb6f541079cad56b');
 
 export async function POST(req: Request) {
-  const { address, signature, _signature } = await req.json();
-
-  console.debug(
-    'address',
-    address,
-    'signature',
-    signature,
-    '_signature',
-    _signature,
-  );
+  const { address, signature } = await req.json();
+
+  console.debug('address', address, 'signature', signature);
   if (!address || !signature) {
     return NextResponse.json({
       success: false,
@@ -57,64 +50,64 @@
   console.debug(`Verifying signature for address: ${parsedAddress}`);
   console.debug(`SIGNING_DATA`, SIGNING_DATA);
   const hash = await myAccount.hashMessage(SIGNING_DATA);
-  try {
-    // await debug();
-    isValid = await verifyMessageHash(myAccount, hash, parsedSignature);
-    console.debug('isValid', isValid);
-    mixpanel.track('TnC signed', {
-      address,
-      signature,
-      _signature,
-      step: 1,
-      hash,
-    });
-  } catch (error) {
-    console.error('verification failed [1]:', error);
-    if (_signature) {
+  console.debug('hash', hash);
+
+  const function_sigs = ['is_valid_signature', 'isValidSignature'];
+  const signatures = [
+    parsedSignature,
+    parsedSignature.slice(parsedSignature.length - 2, parsedSignature.length),
+  ];
+
+  for (const fn_sig of function_sigs) {
+    for (const sig of signatures) {
       try {
-        const parsedSignature2 = JSON.parse(_signature) as string[];
-        isValid = await verifyMessageHash(myAccount, hash, parsedSignature2);
+        console.log(`Checking: ${fn_sig}`);
+        console.log(`Signature: ${JSON.stringify(sig)}`);
+        isValid = await verifyMessageHash(myAccount, hash, sig, fn_sig);
         console.debug('isValid', isValid);
         mixpanel.track('TnC signed', {
           address,
           signature,
-          _signature,
+          step: 1,
           hash,
-          step: 2,
-        });
-      } catch (err) {
-        console.error('verification failed [2]:', err);
-
-        // temporarily accepting all signtures
-        isValid = true;
-        mixpanel.track('TnC signing failed', {
-          address,
-          signature,
-          hash,
-          isValid,
-          _signature,
+          fn_sig,
         });
+        break;
+      } catch (error) {
+        console.warn(`verification failed [${fn_sig}]:`, error);
       }
     }
+    if (isValid) {
+      break;
+    }
   }
 
-  if (!isValid) {
-    mixpanel.track('TnC signing failed', {
-      address,
-      signature,
-      _signature,
-      hash,
-      isValid,
-    });
-    isValid = true; // temporarily accepting all signtures
-  }
+  // if (!isValid) {
+  //   mixpanel.track('TnC signing failed', {
+  //     address,
+  //     signature,
+  //     hash,
+  //     isValid,
+  //   });
+  //   isValid = true; // temporarily accepting all signtures
+  // }
 
   if (!isValid) {
-    return NextResponse.json({
-      success: false,
-      message: 'Invalid signature. Ensure account is deployed.',
-      user: null,
-    });
+    try {
+      const cls = await provider.getClassAt(address, 'pending');
+      // means account is deployed
+      return NextResponse.json({
+        success: false,
+        message: 'Invalid signature. Please contact us if issue persists.',
+        user: null,
+      });
+    } catch (error) {
+      return NextResponse.json({
+        success: false,
+        message: 'Invalid signature. Ensure account is deployed.',
+        user: null,
+      });
+    }
   }
 
   const user = await db.user.findFirst({
@@ -185,19 +178,12 @@
       }),
     });
     console.debug('verifyMessageHash resp', resp);
     if (Number(resp[0]) == 0) {
-      return false;
+      throw new Error('Invalid signature');
     }
     return true;
   } catch (err: any) {
     console.error('Error verifying signature:', err);
-    if (entrypoint === 'isValidSignature') {
-      console.debug(
-        'could be Invalid message selector, trying with is_valid_signature',
-      );
-      return verifyMessageHash(account, hash, signature, 'is_valid_signature');
-    }
-
     if (
       [
         'argent/invalid-signature',

src/app/page.tsx

@@ -32,9 +32,9 @@
 
 const banner_images = [
   {
-    desktop: '/banners/ognft.svg',
-    mobile: '/banners/ognft_small.svg',
-    link: 'https://x.com/strkfarm/status/1788558092109775029',
+    desktop: '/banners/endur.svg',
+    mobile: '/banners/endur_mobile.svg',
+    link: 'https://endur.fi',
   },
   {
     desktop: '/banners/seed_grant.svg',
@@ -46,7 +46,7 @@
 export default function Home() {
   const [tabIndex, setTabIndex] = useState(0);
 
   const { address } = useAccount();
   const searchParams = useSearchParams();
   const size = useWindowSize();
   const router = useRouter();
@@ -126,7 +126,7 @@
               <Link href={banner.link} isExternal>
                 <ChakraImage
                   src={
                     (!isMobile && size.width > 450) || size.width == 0
                       ? banner.desktop
                       : banner.mobile
                   }

src/app/slinks/page.tsx

@@ -21,7 +21,7 @@
 import { Metadata } from 'next';
 import { useMemo, useState } from 'react';
 
 const metadata: Metadata = {
   title: 'STRKFarm | Yield aggregator on Starknet',
   description:
     'Find and invest in high yield pools. STRKFarm is the best yield aggregator on Starknet.',
@@ -133,6 +133,19 @@
   const strategies = useAtomValue(strategiesAtom);
   return (
     <Container>
+      {/* <Center 
+        maxWidth={'476px'} width={'100%'}
+        maxHeight={'100px'} height={'calc( 100vw / 4.76 )'}
+      >
+        <embed 
+          max-width='476px'
+          max-height='100px'
+          height='calc( 100vw / 4.76 )'
+          width='100%'
+          src='http://localhost:3000/embed/medium?ref=strkfarm&network=sepolia'
+          />
+      </Center>     */}
+
       <Text color={'white'}>Choose a strategy and invest</Text>
       {strategies
         .filter((s) => s.isLive())

src/app/slinks/template.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import Navbar, { MYCONNECTORS } from '@/components/Navbar';
+import Navbar, { getConnectors } from '@/components/Navbar';
 import { MY_STORE } from '@/store';
 import {
   Center,
@@ -16,6 +16,7 @@ import mixpanel from 'mixpanel-browser';
 import Image from 'next/image';
 import { usePathname } from 'next/navigation';
 import * as React from 'react';
+import { isMobile } from 'react-device-detect';
 import { Toaster } from 'react-hot-toast';
 import { RpcProviderOptions, constants } from 'starknet';
 
@@ -96,7 +97,7 @@ export default function Template({ children }: { children: React.ReactNode }) {
       <StarknetConfig
         chains={chains}
         provider={provider}
-        connectors={MYCONNECTORS}
+        connectors={getConnectors(isMobile)}
       >
         <ChakraBaseProvider theme={theme}>
           <Flex minHeight={'100vh'} bgColor={'bg'}>

src/app/template.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import Navbar, { MYCONNECTORS } from '@/components/Navbar';
+import Navbar, { getConnectors } from '@/components/Navbar';
 import { MY_STORE } from '@/store';
 import {
   Center,
@@ -20,6 +20,7 @@ import { Toaster } from 'react-hot-toast';
 import { RpcProviderOptions, constants } from 'starknet';
 
 import { Inter } from 'next/font/google';
+import { isMobile } from 'react-device-detect';
 const inter = Inter({ subsets: ['latin'] });
 
 mixpanel.init('118f29da6a372f0ccb6f541079cad56b');
@@ -108,7 +109,7 @@ export default function Template({ children }: { children: React.ReactNode }) {
       <StarknetConfig
         chains={chains}
         provider={provider}
-        connectors={MYCONNECTORS}
+        connectors={getConnectors(isMobile)}
       >
         <ChakraBaseProvider theme={theme}>
           <Flex minHeight={'100vh'} bgColor={'bg'}>