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

fix methods namings

Browse Source
This commit is contained in:
srgooglo 2022-05-31 02:26:04 +02:00
parent 8353de34a2
commit aea40be34e
4 changed files with 40 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/app/src/layout/header/index.jsx
View File

@ -7,25 +7,29 @@ import classnames from "classnames"
import "./index.less"
export default class Header extends React.Component {
constructor(props) {
super(props)
controller = window.app["HeaderController"] = {
toggleVisibility: (to) => {
if (window.isMobile) {
to = true
}
this.state = {
visible: true,
}
this.setState({ visible: to ?? !this.state.visible })
},
isVisible: () => this.state.visible,
}
this.HeaderController = {
toogleVisible: (to) => {
if (window.isMobile) {
to = true
}
state = {
visible: false, // set by default to create an animation
}
this.setState({ visible: to ?? !this.state.visible })
},
isVisible: () => this.state.visible,
}
window.app["HeaderController"] = this.HeaderController
componentDidMount = async () => {
// wait to app finish of load
app.eventBus.on(`app.initialization.finish`, () => {
// create an fade in animation
setTimeout(() => {
this.controller.toggleVisibility(true)
}, 400)
})
}
render() {

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

@ -23,6 +23,14 @@ export default class Sidebar extends React.Component {
constructor(props) {
super(props)
this.controller = window.app["SidebarController"] = {
toggleVisibility: this.toggleVisibility,
toggleEdit: this.toggleEditMode,
isVisible: () => this.state.visible,
isEditMode: () => this.state.visible,
isCollapsed: () => this.state.collapsed,
}
this.state = {
editMode: false,
visible: false,
@ -36,16 +44,6 @@ export default class Sidebar extends React.Component {
},
}
this.SidebarController = {
toggleVisibility: this.toggleVisibility,
toggleEdit: this.toggleEditMode,
isVisible: () => this.state.visible,
isEditMode: () => this.state.visible,
isCollapsed: () => this.state.collapsed,
}
window.app["SidebarController"] = this.SidebarController
window.app.eventBus.on("edit_sidebar", () => this.toggleEditMode())
window.app.eventBus.on("settingChanged.sidebar_collapse", (value) => {
@ -58,10 +56,13 @@ export default class Sidebar extends React.Component {
componentDidMount = async () => {
await this.loadSidebarItems()
// create a cool debounced animation
setTimeout(() => {
this.toggleVisibility(true)
}, 400)
// wait to app finish of load
app.eventBus.on(`app.initialization.finish`, () => {
// create an fade in animation
setTimeout(() => {
this.controller.toggleVisibility(true)
}, 400)
})
}
getStoragedKeys = () => {

4
packages/app/src/pages/main/index.jsx
View File

@ -11,13 +11,13 @@ import "./index.less"
export default class Main extends React.Component {
componentDidMount = async () => {
if (!window.isMobile && window.app?.HeaderController?.isVisible()) {
window.app.HeaderController.toogleVisible(false)
window.app.HeaderController.toggleVisibility(false)
}
}
componentWillUnmount() {
if (!window.isMobile && !window.app?.HeaderController?.isVisible()) {
window.app.HeaderController.toogleVisible(true)
window.app.HeaderController.toggleVisibility(true)
}
}

6
packages/app/src/pages/streams/viewer/index.jsx
View File

@ -62,7 +62,7 @@ export default class StreamViewer extends React.Component {
app.ThemeController.applyVariant("dark")
app.eventBus.emit("toogleCompactMode", true)
app.SidebarController.tooggleVisibility(false)
app.HeaderController.toogleVisible(false)
app.HeaderController.toggleVisibility(false)
// fetch user info in the background
this.gatherUserInfo()
@ -81,8 +81,8 @@ export default class StreamViewer extends React.Component {
app.ThemeController.applyVariant(app.settings.get("themeVariant"))
app.eventBus.emit("toogleCompactMode", false)
app.SidebarController.toggleVisibility(true)
app.HeaderController.toogleVisible(true)
app.HeaderController.toogleVisible(true)
app.HeaderController.toggleVisibility(true)
app.HeaderController.toggleVisibility(true)
if (this.timerCounterInterval) {
this.timerCounterInterval = clearInterval(this.timerCounterInterval)