Add GA4 events

src/app/contexts/Locale.tsx

@@ -9,12 +9,12 @@ import { Store } from '../Store'
 interface Locale {
 	lang: string,
 	locale: (key: string, ...params: string[]) => string,
-	changeLanguage: (lang: string) => unknown,
+	changeLocale: (lang: string) => unknown,
 }
 const Locale = createContext<Locale>({
 	lang: 'none',
 	locale: key => key,
-	changeLanguage: () => {},
+	changeLocale: () => {},
 })
 
 export const Locales: {
@@ -59,9 +59,9 @@ export function LocaleProvider({ children }: { children: ComponentChildren }) {
 		return localize(lang, key, ...params)
 	}, [lang])
 
-	const changeLanguage = useCallback(async (lang: string) => {
+	const changeLocale = useCallback(async (lang: string) => {
 		await loadLocale(lang)
-		Analytics.setLanguage(lang)
+		Analytics.setLocale(lang)
 		Store.setLanguage(lang)
 		setLanguage(lang)
 	}, [])
@@ -79,8 +79,8 @@ export function LocaleProvider({ children }: { children: ComponentChildren }) {
 
 	const value: Locale = {
 		lang,
-		locale: locale,
-		changeLanguage,
+		locale,
+		changeLocale,
 	}
 
 	return <Locale.Provider value={value}>

src/app/contexts/Project.tsx

@@ -26,6 +26,7 @@ export type ProjectFile = {
 }
 
 interface ProjectContext {
+	projects: Project[],
 	project: Project,
 	file?: ProjectFile,
 	changeProject: (name: string) => unknown,
@@ -35,6 +36,7 @@ interface ProjectContext {
 	closeFile: () => unknown,
 }
 const Project = createContext<ProjectContext>({
+	projects: [DRAFT_PROJECT],
 	project: DRAFT_PROJECT,
 	changeProject: () => {},
 	updateProject: () => {},
@@ -105,6 +107,7 @@ export function ProjectProvider({ children }: { children: ComponentChildren }) {
 	}, [])
 
 	const value: ProjectContext = {
+		projects,
 		project,
 		file,
 		changeProject: setProjectName,