dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-04-24 03:42:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Allow to havem obile only links for navbar, menu not displaying

Browse Source 
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon 2022-10-21 11:26:12 +02:00
parent bf4ceeb469
commit 752611414c
Signed by: Florian Bouillon
GPG Key ID: E05B3A94178D3A7C
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/Navbar/index.tsx
View File

@ -20,6 +20,7 @@ interface MenuItem {
icon?: Icon icon?: Icon
name: string name: string
subMenu?: Array<MenuItem> subMenu?: Array<MenuItem>
mobileOnly?: boolean
} }
interface Props { interface Props {
@ -132,7 +133,7 @@ export default class Navbar extends React.Component<Props, State> {
{/* Menu */} {/* Menu */}
{!this.state.isMobile && ( {!this.state.isMobile && (
<ul> <ul>
{!this.state.isMobile && this.props.menu.map((item) => ( {this.props.menu.filter((it) => !it.mobileOnly).map((item) => (
<li key={item.path}><Button type="ghost" href={item.path} icon={item.icon} onClick={item.subMenu ? this.onClick(item.subMenu) : undefined}>{item.name}</Button></li> <li key={item.path}><Button type="ghost" href={item.path} icon={item.icon} onClick={item.subMenu ? this.onClick(item.subMenu) : undefined}>{item.name}</Button></li>
))} ))}
{this.props.user && ( {this.props.user && (
@ -161,7 +162,7 @@ export default class Navbar extends React.Component<Props, State> {
</div> </div>
)} )}
{this.state.subMenu && ( {this.state.subMenu && (
<div style={{position: 'fixed', top: 76, right: this.state.subMenu.x}}> <div style={{position: 'fixed', top: 76, right: this.state.subMenu.x, zIndex: 1}}>
<Menu className={css.menu} outline items={this.state.subMenu.menu} /> <Menu className={css.menu} outline items={this.state.subMenu.menu} />
</div> </div>
)} )}

4
src/Sidebar/index.tsx
View File

@ -59,7 +59,6 @@ interface State {
*/ */
open: boolean open: boolean
activeMenu?: string activeMenu?: string
isMobile: boolean
userMenu?: boolean userMenu?: boolean
subMenu?: { subMenu?: {
y: number y: number
@ -74,8 +73,7 @@ interface State {
export default class Sidebar extends React.Component<Props, State> { export default class Sidebar extends React.Component<Props, State> {
public state: State = { public state: State = {
open: true, open: true
isMobile: false
} }
public componentDidMount() { public componentDidMount() {