aboutsummaryrefslogtreecommitdiff
path: root/components/navbar.tsx
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-04-12 10:25:43 +0200
committerlonkaars <l.leblansch@gmail.com>2021-04-12 10:25:43 +0200
commit822d1ee1be99b7d96740585ddd1174b94916335d (patch)
tree7005e359d7f62dede5f3eabe02becec37d8bfe57 /components/navbar.tsx
parent7f7e14bd9dce02e6ced663fd527a5750cd13f920 (diff)
dprint formatter :tada:
Diffstat (limited to 'components/navbar.tsx')
-rw-r--r--components/navbar.tsx40
1 files changed, 21 insertions, 19 deletions
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 9a78eec..35949f4 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { CSSProperties, ReactNode } from 'react';
import HomeRoundedIcon from '@material-ui/icons/HomeRounded';
import SearchRoundedIcon from '@material-ui/icons/SearchRounded';
@@ -16,15 +16,15 @@ export function NavbarItem(props: {
onClick?: () => void;
}) {
var classes = props.classList || [];
- classes.push("navbarItem");
- props.active && classes.push("active");
- return <a href={props.href} className={classes.join(" ")} style={props.outerStyle}>
- <div className="inner" style={props.style}>
- <div className="icon" onClick={props.onIconClick}>{props.icon}</div>
- <span className="title" onClick={props.onClick}>{props.title}</span>
+ classes.push('navbarItem');
+ props.active && classes.push('active');
+ return <a href={props.href} className={classes.join(' ')} style={props.outerStyle}>
+ <div className='inner' style={props.style}>
+ <div className='icon' onClick={props.onIconClick}>{props.icon}</div>
+ <span className='title' onClick={props.onClick}>{props.title}</span>
</div>
{props.children}
- </a>
+ </a>;
}
export default function Navbar(props: {
@@ -32,16 +32,18 @@ export default function Navbar(props: {
}) {
return <div style={{ marginBottom: 24 }}>
<NavbarItem
- active={props.page == "home"}
- icon={<HomeRoundedIcon/>}
- title="Home"
- href="/"
- classList={["indentLevel0", "link"]}/>
+ active={props.page == 'home'}
+ icon={<HomeRoundedIcon />}
+ title='Home'
+ href='/'
+ classList={['indentLevel0', 'link']}
+ />
<NavbarItem
- active={props.page == "search"}
- icon={<SearchRoundedIcon/>}
- title="Search for posts"
- href="/search"
- classList={["indentLevel0", "link"]}/>
- </div>
+ active={props.page == 'search'}
+ icon={<SearchRoundedIcon />}
+ title='Search for posts'
+ href='/search'
+ classList={['indentLevel0', 'link']}
+ />
+ </div>;
}