@@ -43,6 +43,7 @@ const PerunNavbar = (props, context) => {
4343 setMenuBurger ( JSON . parse ( localStorage . getItem ( 'bundleStorage' ) ) )
4444 setToggleBurger ( true )
4545 }
46+
4647 return (
4748 < >
4849 < div className = 'perun-navbar' >
@@ -74,7 +75,7 @@ const PerunNavbar = (props, context) => {
7475 < p > { props . userInfo . defaultUserGroup . groupName } </ p >
7576 </ div >
7677 { props ?. languageOptions && props ?. languageOptions . map ( lang => (
77- < div className = { `nav-option ${ props ?. activeLanguage == lang ?. language && 'nav-active-lang' } ` } onClick = { ( ) => { props . changeLang ( lang . locale , lang . language ) , setToggleNavOpt ( false ) } } >
78+ < div className = { `nav-option ${ props ?. activeLanguage == lang ?. language && 'nav-active-lang' } ` } onClick = { ( ) => { props . changeLang ( lang . locale , lang . language ) , setToggleNavOpt ( false ) } } >
7879 < p > { lang . label } </ p >
7980 </ div >
8081 ) ) }
@@ -88,24 +89,22 @@ const PerunNavbar = (props, context) => {
8889 </ div >
8990 </ div >
9091 ) }
91- </ div >
92+ </ div >
9293 { /* burger menu */ }
93- {
94- toggleBurger && (
95- < div ref = { burgerRef } className = 'nav-burger-menu' >
96- { menuBurger . map ( el => (
97- ! el [ 'cardHidden' ] && (
98- < Link key = { el . id } className = 'nav-burger-option' to = { `/main/${ el . id } ` } onClick = { ( ) => setToggleBurger ( false ) } >
99- < div className = 'nav-burger-img' >
100- < img src = { `${ window . location . origin } ${ el . imgPath } ` } />
101- </ div >
102- < p > { el . title } </ p >
103- </ Link >
104- )
105- ) ) }
106- </ div >
107- )
108- }
94+ { toggleBurger && (
95+ < div ref = { burgerRef } className = 'nav-burger-menu' >
96+ { menuBurger . map ( el => (
97+ ! el [ 'cardHidden' ] && (
98+ < Link key = { el . id } className = 'nav-burger-option' to = { `/main/${ el . id } ` } onClick = { ( ) => setToggleBurger ( false ) } >
99+ < div className = 'nav-burger-img' >
100+ < img src = { `${ window . location . origin } ${ el . imgPath } ` } />
101+ </ div >
102+ < p > { el . title } </ p >
103+ </ Link >
104+ )
105+ ) ) }
106+ </ div >
107+ ) }
109108 </ >
110109 ) ;
111110} ;
0 commit comments