fix: add gtm (#68)

ndthanhdev · web-flow · commit 1aecc8a5cd62 · 2025-01-28T18:34:00.000Z
diff --git a/apps/app/src/components/fragments/project-card/index.tsx b/apps/app/src/components/fragments/project-card/index.tsx
@@ -43,11 +43,12 @@ export const ProjectCard = ({
 				</mui.Typography>
 			</mui.CardContent>
 			<mui.CardActions css={styles.actions}>
-				<mui.IconButton onClick={onCopy} size="medium">
+				<mui.IconButton color="primary" onClick={onCopy} size="medium">
 					<muiIcon.CopyAll />
 				</mui.IconButton>
 				<mui.IconButton
 					aria-label={`Open ${title}`}
+					color="primary"
 					href={url}
 					LinkComponent={GatsbyLink}
 					size="medium"
diff --git a/apps/app/src/providers/theme-provider/index.tsx b/apps/app/src/providers/theme-provider/index.tsx
@@ -10,13 +10,14 @@ import * as React from "react";
 import { useThemeModeStore } from "../../stores/use-theme-mode-store";
 import { GlobalStyles } from "./global-styles";
 
+// https://www.canva.com/colors/color-palettes/balloon-parade/
 const themeOption = {
 	palette: {
 		primary: {
-			main: "#6750A4",
+			main: "#0e63c2",
 		},
 		secondary: {
-			main: "#958da4",
+			main: "#6bcae2",
 		},
 	},
 } satisfies ThemeOptions;
diff --git a/apps/counter/index.html b/apps/counter/index.html
@@ -6,7 +6,17 @@
 		<title>Counter</title>
 		<base data-trunk-public-url href="/apps/counter/" />
 	</head>
-	<body style="height: 100%; margin: 0">
+	<body style="height: 100vh; margin: 0">
+		<!-- Google Tag Manager (noscript) -->
+		<noscript
+			><iframe
+				src="https://www.googletagmanager.com/ns.html?id=GTM-KX72TPPN"
+				height="0"
+				width="0"
+				style="display: none; visibility: hidden"
+			></iframe
+		></noscript>
+		<!-- End Google Tag Manager (noscript) -->
 		<link
 			data-trunk
 			rel="rust"
