rushilwiz/wheelshare-frontend
1
0
Fork 0
mirror of https://github.com/myfatemi04/wheelshare-frontend.git synced 2025-04-21 11:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

make primary title in header clickable

Browse Source
This commit is contained in:
Michael Fatemi 2021-07-13 19:57:27 -04:00
parent 171a82086f
commit c1f437cedd
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header/Header.tsx
View File

@ -9,6 +9,7 @@ import UIPrimaryTitle from '../UI/UIPrimaryTitle';
export default function Header() { export default function Header() {
const me = useMe(); const me = useMe();
const notifications = useNotifications(); const notifications = useNotifications();
return ( return (
<div <div
style={{ style={{
@ -18,7 +19,12 @@ export default function Header() {
alignItems: 'center', alignItems: 'center',
}} }}
> >
<UIPrimaryTitle>WheelShare</UIPrimaryTitle> <UIPrimaryTitle
style={{ cursor: 'pointer' }}
onClick={() => (window.location.href = '/')}
>
WheelShare
</UIPrimaryTitle>
{me ? ( {me ? (
<> <>
{me.name} {me.name}

16
src/components/UI/UIPrimaryTitle.tsx
View File

@ -1,11 +1,19 @@
import { CSSProperties, ReactNode } from 'react'; import { CSSProperties } from 'react';
const style: CSSProperties = { const baseStyle: CSSProperties = {
fontSize: '3rem', fontSize: '3rem',
marginTop: '0.25em', marginTop: '0.25em',
marginBottom: '0.25em', marginBottom: '0.25em',
}; };
export default function UIPrimaryTitle({ children }: { children: ReactNode }) { export default function UIPrimaryTitle({
return <h1 style={style}>{children}</h1>; children,
style,
...props
}: JSX.IntrinsicElements['h1']) {
return (
<h1 style={style ? { ...baseStyle, ...style } : baseStyle} {...props}>
{children}
</h1>
);
} }