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", "name": "@dzeio/components",
"version": "0.7.0", "version": "0.7.1",
"license": "MIT", "license": "MIT",
"main": "./index.mjs", "main": "./index.mjs",
"types": "./types/index.d.ts", "types": "./types/index.d.ts",

View File

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