public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 02:36:36 +00:00
Code Issues Releases Wiki Activity

fixed eslint error & integrated with prettier as well as formatted the whole codebase (#3450)

Browse Source
This commit is contained in:
Nguyen Viet Hung
2020-02-05 13:28:27 +13:00
committed by GitHub
parent 051ce9e208
commit 592aca1539
186 changed files with 9233 additions and 5565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
browser/main/lib/modal.js
View File

@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom'
import { store } from '../store'
class ModalBase extends React.Component {
constructor (props) {
constructor(props) {
super(props)
this.state = {
component: null,
@@ -13,20 +13,30 @@ class ModalBase extends React.Component {
}
}
close () {
if (modalBase != null) modalBase.setState({component: null, componentProps: null, isHidden: true})
close() {
if (modalBase != null)
modalBase.setState({
component: null,
componentProps: null,
isHidden: true
})
// Toggle overflow style on NoteList
const list = document.querySelector('.NoteList__list___browser-main-NoteList-')
const list = document.querySelector(
'.NoteList__list___browser-main-NoteList-'
)
list.style.overflow = 'auto'
}
render () {
render() {
return (
<div className={'ModalBase' + (this.state.isHidden ? ' hide' : '')}>
<div onClick={(e) => this.close(e)} className='modalBack' />
<div onClick={e => this.close(e)} className='modalBack' />
{this.state.component == null ? null : (
<Provider store={store}>
<this.state.component {...this.state.componentProps} close={this.close} />
<this.state.component
{...this.state.componentProps}
close={this.close}
/>
</Provider>
)}
</div>
@@ -38,21 +48,31 @@ const el = document.createElement('div')
document.body.appendChild(el)
const modalBase = ReactDOM.render(<ModalBase />, el)
export function openModal (component, props) {
if (modalBase == null) { return }
export function openModal(component, props) {
if (modalBase == null) {
return
}
// Hide scrollbar by removing overflow when modal opens
const list = document.querySelector('.NoteList__list___browser-main-NoteList-')
const list = document.querySelector(
'.NoteList__list___browser-main-NoteList-'
)
list.style.overflow = 'hidden'
document.body.setAttribute('data-modal', 'open')
modalBase.setState({component: component, componentProps: props, isHidden: false})
modalBase.setState({
component: component,
componentProps: props,
isHidden: false
})
}
export function closeModal () {
if (modalBase == null) { return }
export function closeModal() {
if (modalBase == null) {
return
}
modalBase.close()
}
export function isModalOpen () {
export function isModalOpen() {
return !modalBase.state.isHidden
}