From b50d4694f592894e54dd71e9b80a54ae56a67d29 Mon Sep 17 00:00:00 2001
From: bodie <bodo.braegger@pm.me>
Date: Mon, 16 Oct 2023 23:39:23 +0200
Subject: [PATCH] feat: Integrate Analytics, fixes #86

---
 src/App.tsx                | 4 ++++
 src/components/Section.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 62b9764..befa540 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -19,6 +19,7 @@ import { HelmetProvider } from 'react-helmet-async';
 import { PageLayout, ThemeProvider } from '@primer/react'
 import Header from './components/Header';
 import SidebarNav from './components/SidebarNav';
+import { Helmet } from 'react-helmet-async';
 
 export type LinkT = {
   title: string
@@ -116,6 +117,9 @@ function App() {
   return (
     <ThemeProvider>
       <HelmetProvider>
+        <Helmet>
+          <script defer data-domain="scout-ch.github.io/thilo" src={'https://plausible.io/js/script.js'}></script>
+        </Helmet>
         <div className='App'>
           <Router basename="/">
             <LinksContext.Provider value={links}>
diff --git a/src/components/Section.tsx b/src/components/Section.tsx
index 4fc607f..71ee24f 100644
--- a/src/components/Section.tsx
+++ b/src/components/Section.tsx
@@ -48,7 +48,7 @@ function Section(props: Props) {
 
 
     return <div className='content'>
-    <Helmet><title>{props.section['title']}</title></Helmet>
+        <Helmet><title>{props.section['title']}</title></Helmet>
         <div id="section-title" className={classes}>
             <h1>
                 {props.section.icon && (<img className='icon' src={props.section.icon.url} alt="icon" />)}