Add removed components

CodeForAfrica · Sep 20, 2024 · 188cae1 · 188cae1
1 parent bf219db
commit 188cae1
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 183 deletions.
diff --git a/apps/techlabblog/app/layout.tsx b/apps/techlabblog/app/layout.tsx
@@ -1,13 +1,13 @@
 import { CssBaseline, ThemeProvider } from "@mui/material";
 import { AppRouterCacheProvider } from "@mui/material-nextjs/v13-appRouter";
+import { GoogleAnalytics } from "@next/third-parties/google";
 import type { Metadata } from "next";
 
+import logoLight from "@/techlabblog/assets/images/logo-light.png";
 import Footer from "@/techlabblog/components/Footer";
 import NavBar from "@/techlabblog/components/NavBar";
-import theme from "@/techlabblog/theme";
-
 import { getSettings } from "@/techlabblog/lib/data";
-import logoLight from "@/techlabblog/assets/images/logo-light.png";
+import theme from "@/techlabblog/theme";
 
 export const metadata: Metadata = {
   title: "Technology | Code for Africa",
@@ -20,7 +20,7 @@ export default async function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const { connect, primaryNavigation, secondaryNavigation } =
+  const { analytics, connect, primaryNavigation, secondaryNavigation } =
     await getSettings();
   // TODO: blurWidth/blurHeight https://github.com/vercel/next.js/issues/56511
   const { blurWidth, blurHeight, ...logoProps } = logoLight;
@@ -46,6 +46,7 @@ export default async function RootLayout({
           </ThemeProvider>
         </AppRouterCacheProvider>
       </body>
+      <GoogleAnalytics gaId={analytics?.analyticsId} />
     </html>
   );
 }
diff --git a/apps/techlabblog/content/site/settings.mdx b/apps/techlabblog/content/site/settings.mdx
@@ -35,4 +35,6 @@ connect:
       url: https://www.instagram.com/code4africa__/
     - platform: Github
       url: https://github.com/CodeForAfrica
+analytics:
+  analyticsId: "G-TN1WGZVHLE"
 ---
diff --git a/apps/techlabblog/lib/data/index.ts b/apps/techlabblog/lib/data/index.ts
@@ -107,17 +107,23 @@ interface SecondaryNavigationProps extends NavigationProps {
   copyright: string;
 }
 
+export type AnalyticsProps = {
+  analyticsId: string;
+};
+
 type SettingsProps = {
   title: string;
   primaryNavigation: PrimaryNavigationProps;
   secondaryNavigation: SecondaryNavigationProps;
   connect: ConnectProps;
+  analytics: AnalyticsProps;
 };
 
 async function readSettingsFile(filePath: string): Promise<SettingsProps> {
   const { data } = await readMdFile(filePath);
 
   return {
+    analytics: data.analytics,
     connect: data.connect,
     primaryNavigation: data.primaryNavigation,
     secondaryNavigation: data.secondaryNavigation,