• Home
• net.n2oapp.framework
• n2o-react
• 7.28.2
• source code
• ChangeSize.jsx

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

components.actions.Dropdowns.ChangeSize.jsx Maven / Gradle / Ivy

import React, { useContext } from 'react'
import PropTypes from 'prop-types'
import { UncontrolledButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap'
import { connect } from 'react-redux'

import { makeWidgetSizeSelector } from '../../../ducks/widgets/selectors'
import { DataSourceContext } from '../../../core/widget/context'

const SIZES = [5, 10, 20, 50]

/**
 * Дропдаун для выбора размера(size) виджета
 * @reactProps {string} entityKey - id виджета, размер которого меняется
 * @reactProps {number} size - текущий размер(приходит из редакса)
 * @example
 * 
 */
function ChangeSize({ size: currentSize }) {
    const { setSize } = useContext(DataSourceContext)

    const items = SIZES.map((size, i) => (
         setSize(size)}>
            
                {currentSize === size && }
            
            {size}
        
    ))

    return (
        
            
                
            
            {items}
        
    )
}

ChangeSize.propTypes = {
    size: PropTypes.number,
}

const mapStateToProps = (state, { entityKey: widgetId }) => ({
    size: makeWidgetSizeSelector(widgetId)(state),
})

export { ChangeSize }
export default connect(mapStateToProps)(ChangeSize)