Better custom dimension tracking

src/app/contexts/Locale.tsx

@@ -59,12 +59,12 @@ export function LocaleProvider({ children }: { children: ComponentChildren }) {
 		return localize(lang, key, ...params)
 	}, [lang])
 
-	const changeLocale = useCallback(async (lang: string) => {
-		await loadLocale(lang)
-		Analytics.setLocale(lang)
-		Store.setLanguage(lang)
-		setLanguage(lang)
-	}, [])
+	const changeLocale = useCallback(async (newLang: string) => {
+		await loadLocale(newLang)
+		Analytics.changeLocale(lang, newLang)
+		Store.setLanguage(newLang)
+		setLanguage(newLang)
+	}, [lang])
 
 	useEffect(() => {
 		(async () => {

src/app/contexts/Theme.tsx

@@ -29,11 +29,11 @@ export function ThemeProvider({ children }: { children: ComponentChildren }) {
 		document.documentElement.setAttribute('data-theme', theme)
 	}, [theme])
 
-	const changeTheme = useCallback((theme: string) => {
-		Analytics.setTheme(theme)
-		Store.setTheme(theme)
-		setTheme(theme)
-	}, [])
+	const changeTheme = useCallback((newTheme: string) => {
+		Analytics.changeTheme(theme, newTheme)
+		Store.setTheme(newTheme)
+		setTheme(newTheme)
+	}, [theme])
 
 	useEffect(() => {
 		Analytics.setPrefersColorScheme(prefersLight ? 'light' : prefersDark ? 'dark' : 'none')

src/app/contexts/Version.tsx

@@ -41,11 +41,11 @@ export function VersionProvider({ children }: { children: ComponentChildren }) {
 			changeTargetVersion(newVersion, true)
 		}
 		if (store) {
-			Analytics.setVersion(newVersion)
+			Analytics.changeVersion(version, newVersion)
 			Store.setVersion(newVersion)
 		}
 		setVersion(newVersion)
-	}, [targetVersion])
+	}, [version, targetVersion])
 
 	useEffect(() => {
 		Analytics.setVersion(version)