Compare commits

..

2 Commits

Author SHA1 Message Date
264e9a4cad v0.7.1 2021-03-31 09:55:47 +02:00
6a8fb50b0e Made Logo optionnal
Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
2021-03-31 09:54:20 +02:00
2 changed files with 10 additions and 8 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@dzeio/components",
"version": "0.7.0",
"version": "0.7.1",
"license": "MIT",
"main": "./index.mjs",
"types": "./types/index.d.ts",

View File

@ -21,7 +21,7 @@ interface Props {
/**
* Logo to display
*/
logo: ImageProps & {height: number, width: number}
logo?: ImageProps & {height: number, width: number}
/**
* Login URL
*/
@ -82,7 +82,7 @@ interface State {
/**
* Navbar/Sidebar Component
* @version 1.0.0
* @version 1.0.1
*/
export default class Navbar extends React.Component<Props, State> {
@ -164,11 +164,13 @@ export default class Navbar extends React.Component<Props, State> {
<>
<nav className={buildClassName(css[this.getType()], [css.short, this.state.short && !this.props.mobileMenu], [css.mobile, this.props.mobileMenu])}>
<Row nowrap className={css.header} align="center">
<Col className={css.imgContainer}>
<Link href="/">
<Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} />
</Link>
</Col>
{this.props.logo && (
<Col className={css.imgContainer}>
<Link href="/">
<Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} />
</Link>
</Col>
)}
{this.getType() === 'sidebar' && (
<Col nogrow><Text><div onClick={this.onSidebarButton}>
{this.state.short ? (