dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-04-22 19:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Made Logo optionnal

Browse Source 
Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon 2021-03-31 09:54:20 +02:00
parent d2b5181a60
commit 6a8fb50b0e
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/dzeio/Navbar/index.tsx
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">
<Col className={css.imgContainer}> {this.props.logo && (
<Link href="/"> <Col className={css.imgContainer}>
<Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} /> <Link href="/">
</Link> <Image {...this.props.logo} height={34} width={this.props.logo.width*34/this.props.logo.height} />
</Col> </Link>
</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 ? (