Add posthog provider so user clicks can be tracked

.env

@@ -0,0 +1,2 @@
+VITE_POSTHOG_KEY=phc_kxHXmEv7QsprWFycWDXes61D1qEvoBzYvzBECXyNOmP
+VITE_POSTHOG_DOMAIN=https://app.concero.io/posthog

package.json

@@ -24,7 +24,7 @@
 	"dependencies": {
 		"@concero/ui-kit": "^0.2.21",
 		"@formspree/react": "^3.0.0",
-		"posthog-js": "^1.232.0",
+		"posthog-js": "^1.261.0",
 		"react": "^18.0.0",
 		"react-dom": "^18.3.1",
 		"react-helmet-async": "^2.0.5",

src/App.tsx

@@ -6,16 +6,19 @@ import { Footer } from './components/footer/Footer'
 import { HelmetProvider } from 'react-helmet-async'
 import { ModalProvider } from './reducer/modalProvider'
 import { ModalManager } from './components/common/ModalManager/ModalManager'
+import { PosthogProvider } from './providers/PosthogProvider'
 
 function App() {
 	return (
 		<HelmetProvider>
-			<ModalProvider>
-				<ModalManager />
-				<Header />
-				<Home />
-				<Footer />
-			</ModalProvider>
+			<PosthogProvider>
+				<ModalProvider>
+					<ModalManager />
+					<Header />
+					<Home />
+					<Footer />
+				</ModalProvider>
+			</PosthogProvider>
 		</HelmetProvider>
 	)
 }

src/configuration/constants.ts

@@ -0,0 +1,2 @@
+export const posthog_key = import.meta.env.VITE_POSTHOG_KEY ?? ''
+export const posthog_domain = import.meta.env.VITE_POSTHOG_DOMAIN ?? ''

src/providers/PosthogProvider.tsx

@@ -0,0 +1,17 @@
+import type { FC, PropsWithChildren } from 'react'
+import type { PostHogConfig } from 'posthog-js'
+import { posthog_domain, posthog_key } from '@/configuration/constants'
+import { PostHogProvider as PHProvider } from 'posthog-js/react'
+
+export const PosthogProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
+	const options: Partial<PostHogConfig> = {
+		api_host: posthog_domain,
+		autocapture: false,
+	}
+
+	return (
+		<PHProvider apiKey={posthog_key} options={options}>
+			{children}
+		</PHProvider>
+	)
+}

tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/assets/icons/averagetxtime.tsx","./src/assets/icons/blog.tsx","./src/assets/icons/bridge.tsx","./src/assets/icons/chainintegrations.tsx","./src/assets/icons/clipboard.tsx","./src/assets/icons/close.tsx","./src/assets/icons/closetrail.tsx","./src/assets/icons/cost.tsx","./src/assets/icons/discord.tsx","./src/assets/icons/discorddark.tsx","./src/assets/icons/documentation.tsx","./src/assets/icons/download.tsx","./src/assets/icons/expand.tsx","./src/assets/icons/lanca.tsx","./src/assets/icons/lancaname.tsx","./src/assets/icons/liquidity.tsx","./src/assets/icons/liquidityreq.tsx","./src/assets/icons/mainnetvolume.tsx","./src/assets/icons/medium.tsx","./src/assets/icons/mediumdark.tsx","./src/assets/icons/menu.tsx","./src/assets/icons/messagetime.tsx","./src/assets/icons/messaging.tsx","./src/assets/icons/opentrail.tsx","./src/assets/icons/rewards.tsx","./src/assets/icons/right.tsx","./src/assets/icons/search.tsx","./src/assets/icons/swap.tsx","./src/assets/icons/time.tsx","./src/assets/icons/totaltx.tsx","./src/assets/icons/twitter.tsx","./src/assets/icons/twitterdark.tsx","./src/assets/icons/warning.tsx","./src/assets/icons/whitepaper.tsx","./src/components/build/build.tsx","./src/components/chains/chains.tsx","./src/components/common/brandcolors/brandcolors.tsx","./src/components/common/brandcolors/color/color.tsx","./src/components/common/brandlogo/brandlogo.tsx","./src/components/common/brandmodal/brandmodal.tsx","./src/components/common/brandnotallowed/brandnotallowed.tsx","./src/components/common/brandtypography/brandtypograhpy.tsx","./src/components/common/buildinfo/buildinfo.tsx","./src/components/common/chain/chain.tsx","./src/components/common/chainsmodal/chainsmodal.tsx","./src/components/common/contactmodal/contactmodal.tsx","./src/components/common/contactmodal/success/success.tsx","./src/components/common/datawidget/datawidget.tsx","./src/components/common/infowidget/infowidget.tsx","./src/components/common/lancaaction/lancaaction.tsx","./src/components/common/metatags/metatags.tsx","./src/components/common/modalmanager/modalmanager.tsx","./src/components/common/navigationwidget/navifgationwidget.tsx","./src/components/common/nochains/nochains.tsx","./src/components/common/securitypartner/securitypartner.tsx","./src/components/common/showcasewidget/showcasewidget.tsx","./src/components/common/socialicon/socialicon.tsx","./src/components/common/wordanimation/wordanimation.tsx","./src/components/data/data.tsx","./src/components/footer/footer.tsx","./src/components/footer/copyright/copyright.tsx","./src/components/footer/developers/developers.tsx","./src/components/footer/ecosystem/ecosystem.tsx","./src/components/footer/social/social.tsx","./src/components/header/header.tsx","./src/components/header/actions/actions.tsx","./src/components/header/burger/burger.tsx","./src/components/header/burger/burgeractions/burgeractions.tsx","./src/components/header/burger/burgeritem/burgeritem.tsx","./src/components/header/logo/logo.tsx","./src/components/header/navigation/navigaton.tsx","./src/components/header/navigation/dropdown/dropdown.tsx","./src/components/header/navigation/dropdown/dropdownitem/dropdownitem.tsx","./src/components/header/navigation/navigationitem/navigationitem.tsx","./src/components/hero/hero.tsx","./src/components/roadmap/roadmap.tsx","./src/components/roadmap/depin/depin.tsx","./src/components/roadmap/permissionless/permissionless.tsx","./src/components/roadmap/vms/vms.tsx","./src/components/security/security.tsx","./src/components/whyus/whyus.tsx","./src/configuration/chains.ts","./src/configuration/constants.ts","./src/configuration/links.ts","./src/hooks/usecontactform.ts","./src/hooks/usemediaquery.ts","./src/pages/home.tsx","./src/providers/posthogprovider.tsx","./src/reducer/modalcontext.ts","./src/reducer/modalprovider.tsx","./src/reducer/modalreducer.ts"],"version":"5.7.3"}

tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.7.3"}