Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

change condition to hide item instead of full comp

Browse Source
This commit is contained in:
Phillip Lang Martinez 2022-09-02 00:21:38 +03:00
parent fc78fa9225
commit cdca394684
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
qortal-ui-core/src/components/sidenav-menu.js
View File

@ -74,7 +74,7 @@ class SidenavMenu extends connect(store)(LitElement) {
async getNodeType() {
const myNode =
store.getState().app.nodeConfig.knownNodes[
store.getState().app.nodeConfig.node
store.getState().app.nodeConfig.node
];
const nodeUrl =
myNode.protocol + '://' + myNode.domain + ':' + myNode.port;
@ -132,28 +132,29 @@ class SidenavMenu extends connect(store)(LitElement) {
expanded
>
<vaadin-icon icon="vaadin:info-circle" slot="icon"></vaadin-icon>
${isMinter
? html`<side-menu-item
<side-menu-item
label="${translate('sidemenu.mintingdetails')}"
href="/app/minting"
?hide=${!isMinter}
>
<vaadin-icon icon="vaadin:info-circle" slot="icon"></vaadin-icon>
</side-menu-item>`
: html`<side-menu-item
</side-menu-item>
<side-menu-item
label="${translate('sidemenu.becomeAMinter')}"
href="/app/become-minter"
?hide=${isMinter}
>
<vaadin-icon icon="vaadin:thumbs-up" slot="icon"></vaadin-icon>
</side-menu-item>`
}
${isSponsor ? html`
</side-menu-item>
<side-menu-item
label="${translate('mintingpage.mchange35')}"
href="/app/sponsorship-list"
?hide=${!isSponsor}
>
<vaadin-icon icon="vaadin:list-ol" slot="icon"></vaadin-icon>
</side-menu-item>
` : ''}
</side-menu-item>
<side-menu-item
label="${translate('sidemenu.wallets')}"

3
qortal-ui-core/src/functional-components/side-menu-item-style.js
View File

@ -47,6 +47,9 @@ export const sideMenuItemStyle = css`
border-bottom: 1px solid var(--item-border-color);
text-transform: uppercase;
}
.hideItem {
display: none !important;
}
#itemLink:hover {
background-color: var(--item-color-hover);

5
qortal-ui-core/src/functional-components/side-menu-item.js
View File

@ -13,7 +13,8 @@ export class SideMenuItem extends LitElement {
expanded: { type: Boolean, reflect: true },
compact: { type: Boolean, reflect: true },
href: { type: String, reflect: true },
target: { type: String, reflect: true }
target: { type: String, reflect: true },
hide: { type: Boolean }
}
}
@ -27,6 +28,7 @@ export class SideMenuItem extends LitElement {
super()
this.selected = false
this.expanded = false
this.hide = false
}
render() {
@ -53,6 +55,7 @@ export class SideMenuItem extends LitElement {
href=${this.href || '#!'}
@click="${(e) => this._onClick(e)}"
target=${ifDefined(this.target)}
class=${this.hide ? 'hideItem' : ''}
>
<slot class="icon" name="icon"></slot>
<div id ="content">