25 lines
753 B
JavaScript
25 lines
753 B
JavaScript
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
class MapInfoBox extends Component {
|
|
static propTypes = {
|
|
currentUser: PropTypes.object,
|
|
map: PropTypes.object,
|
|
infoBoxHtml: PropTypes.string
|
|
}
|
|
|
|
render () {
|
|
const { currentUser, map, infoBoxHtml } = this.props
|
|
if (!map) return null
|
|
const html = {__html: infoBoxHtml}
|
|
const isCreator = map.authorizePermissionChange(currentUser)
|
|
const canEdit = map.authorizeToEdit(currentUser)
|
|
let classes = 'mapInfoBox mapElement mapElementHidden permission '
|
|
classes += isCreator ? 'yourMap' : ''
|
|
classes += canEdit ? ' canEdit' : ''
|
|
return <div className={classes} dangerouslySetInnerHTML={html}></div>
|
|
}
|
|
}
|
|
|
|
export default MapInfoBox
|