From c1f437cedd0d953ffa85565ef89e5129dfbbf7a5 Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Tue, 13 Jul 2021 19:57:27 -0400
Subject: [PATCH] make primary title in header clickable

---
 src/components/Header/Header.tsx     |  8 +++++++-
 src/components/UI/UIPrimaryTitle.tsx | 16 ++++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index fe02ffb..9fcc058 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -9,6 +9,7 @@ import UIPrimaryTitle from '../UI/UIPrimaryTitle';
 export default function Header() {
 	const me = useMe();
 	const notifications = useNotifications();
+
 	return (
 		<div
 			style={{
@@ -18,7 +19,12 @@ export default function Header() {
 				alignItems: 'center',
 			}}
 		>
-			<UIPrimaryTitle>WheelShare</UIPrimaryTitle>
+			<UIPrimaryTitle
+				style={{ cursor: 'pointer' }}
+				onClick={() => (window.location.href = '/')}
+			>
+				WheelShare
+			</UIPrimaryTitle>
 			{me ? (
 				<>
 					{me.name}
diff --git a/src/components/UI/UIPrimaryTitle.tsx b/src/components/UI/UIPrimaryTitle.tsx
index 72eee6e..07dec70 100644
--- a/src/components/UI/UIPrimaryTitle.tsx
+++ b/src/components/UI/UIPrimaryTitle.tsx
@@ -1,11 +1,19 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties } from 'react';
 
-const style: CSSProperties = {
+const baseStyle: CSSProperties = {
 	fontSize: '3rem',
 	marginTop: '0.25em',
 	marginBottom: '0.25em',
 };
 
-export default function UIPrimaryTitle({ children }: { children: ReactNode }) {
-	return <h1 style={style}>{children}</h1>;
+export default function UIPrimaryTitle({
+	children,
+	style,
+	...props
+}: JSX.IntrinsicElements['h1']) {
+	return (
+		<h1 style={style ? { ...baseStyle, ...style } : baseStyle} {...props}>
+			{children}
+		</h1>
+	);
 }