Add tracking header (#726)

* Fix initial CI issue * Linting * Fix naming error * Add tracking snippets * Fix issues badly, need to work out why theme is empty * Fix components used on contributing page * Roll back styled-components to v5 * Add option to track * Prettier --------- Co-authored-by: Owen Niblock <[email protected]> Co-authored-by: Owen Niblock <[email protected]>
primer · Apr 19, 2024 · 5fe6bf8 · 5fe6bf8
1 parent bce195c
commit 5fe6bf8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/theme/src/components/head.js b/theme/src/components/head.js
@@ -15,6 +15,12 @@ function Head(props) {
       <meta property="og:description" content={description} />
       <meta property="og:image" content={siteMetadata.imageUrl} />
       <meta property="twitter:card" content="summary_large_image" />
+      {siteMetadata.primerTracking ? (
+        <>
+          <meta name="ha-url" content="https://collector.githubapp.com/primer/collect" />
+          <script src="https://analytics.githubassets.com/hydro-marketing.min.js"></script>
+        </>
+      ) : null}
     </Helmet>
   )
 }

diff --git a/theme/src/components/live-code.js b/theme/src/components/live-code.js
@@ -106,15 +106,15 @@ function LiveCode({code, language, highlight, noinline, metastring}) {
               onChange={handleChange}
               theme={githubTheme}
               ignoreTabKey={true}
-              padding={theme.space[3]}
+              padding={theme?.space[3]}
               style={{
-                fontFamily: theme.fonts.mono,
+                fontFamily: theme?.fonts.mono,
                 fontSize: '85%',
-                borderBottomLeftRadius: theme.radii[2],
-                borderBottomRightRadius: theme.radii[2],
+                borderBottomLeftRadius: theme?.radii[2],
+                borderBottomRightRadius: theme?.radii[2],
                 border: '1px solid',
                 borderTop: 0,
-                borderColor: theme.colors.border.default,
+                borderColor: theme?.colors.border.default,
               }}
             />
           </LineHighlighter>