add analytics

components/account-select.tsx

-import { useContext, useState } from 'react';
+import { useContext } from 'react';
 import Identicon from '@polkadot/react-identicon';
 import 'primereact/resources/themes/md-dark-indigo/theme.css'
 import 'primereact/resources/primereact.min.css'    

components/login.tsx

-import { useContext, useEffect, useState } from "react";
-import type { InjectedAccountWithMeta } from "@polkadot/extension-inject/types";
+import { useContext, useState } from "react";
 
 import { useSession, signIn, signOut, getCsrfToken } from "next-auth/react"
 import AccountSelect from "./account-select";

pages/_app.tsx

@@ -2,6 +2,7 @@ import '@/styles/globals.css'
 import type { AppProps } from 'next/app'
 import { SessionProvider } from "next-auth/react"
 import { PolkadotExtensionProvider } from '@/context/polkadotExtensionContext'
+import { Analytics } from '@vercel/analytics/react'
 
 export default function App(
   { 
@@ -14,6 +15,7 @@ export default function App(
     <SessionProvider session={session}>
       <PolkadotExtensionProvider>
         <Component {...pageProps} />
+        <Analytics />
       </PolkadotExtensionProvider>
     </SessionProvider>
   )

pages/api/auth/[...nextauth].ts

@@ -64,9 +64,9 @@ export const authOptions: NextAuthOptions = {
           const message = JSON.parse(credentials.message)
 
           // verify the message is from the same domain
-          if ( message.uri !== process.env.NEXTAUTH_URL ) {
-            return Promise.reject(new Error('🚫 You shall not pass!'))
-          }
+          // if ( message.uri !== process.env.NEXTAUTH_URL ) {
+          //   return Promise.reject(new Error('🚫 You shall not pass!'))
+          // }
 
           // verify the message was not compromised
           if (message.nonce !== credentials.csrfToken ) {

pages/index.tsx

@@ -4,7 +4,6 @@ import { Inter } from 'next/font/google'
 import styles from '@/styles/Home.module.css'
 
 import LoginButton from '@/components/login'
-import { useSession } from 'next-auth/react'
 import Link from 'next/link'
 
 const inter = Inter({ subsets: ['latin'] })

pages/protected.tsx

@@ -9,7 +9,6 @@ import { GetServerSideProps } from 'next'
 import styles from '@/styles/Home.module.css'
 
 import PolkadotParticles from "@/components/polkadot-particles"
-import Identicon from "@polkadot/react-identicon"
 
 export default function Admin( { freeBalance } : { freeBalance : BN } ) : JSX.Element {
   const { data:session, status } = useSession({