RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 19:14:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

implement attached elements

Browse Source
This commit is contained in:
srgooglo 2022-08-04 11:56:41 +02:00
parent 3336107811
commit 4e57d40bcb
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app/src/layout/sidebar/index.jsx
View File

@ -27,6 +27,7 @@ export default class Sidebar extends React.Component {
toggleVisibility: this.toggleVisibility, toggleVisibility: this.toggleVisibility,
toggleEdit: this.toggleEditMode, toggleEdit: this.toggleEditMode,
toggleElevation: this.toggleElevation, toggleElevation: this.toggleElevation,
attachElement: this.attachElement,
isVisible: () => this.state.visible, isVisible: () => this.state.visible,
isEditMode: () => this.state.visible, isEditMode: () => this.state.visible,
isCollapsed: () => this.state.collapsed, isCollapsed: () => this.state.collapsed,
@ -44,6 +45,7 @@ export default class Sidebar extends React.Component {
top: [], top: [],
}, },
elevated: false, elevated: false,
additionalElements: [],
} }
window.app.eventBus.on("edit_sidebar", () => this.toggleEditMode()) window.app.eventBus.on("edit_sidebar", () => this.toggleEditMode())
@ -75,6 +77,12 @@ export default class Sidebar extends React.Component {
return window.app.settings.get("sidebarKeys") return window.app.settings.get("sidebarKeys")
} }
attachElement = (element) => {
this.setState({
additionalElements: [...this.state.additionalElements, element],
})
}
appendItem = (item = {}) => { appendItem = (item = {}) => {
const { position } = item const { position } = item
@ -330,6 +338,10 @@ export default class Sidebar extends React.Component {
</div> </div>
)} )}
{!this.state.editMode && <div key="additionalElements" className="additionalElements">
{this.state.additionalElements}
</div>}
{!this.state.editMode && ( {!this.state.editMode && (
<div key="bottom" className="app_sidebar_bottom"> <div key="bottom" className="app_sidebar_bottom">
<Menu selectable={false} mode="inline" theme={this.props.theme} onClick={this.handleClick}> <Menu selectable={false} mode="inline" theme={this.props.theme} onClick={this.handleClick}>