summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/containers/modals/NewProjectModal.js
blob: e63ba76b66f0c6672952122de2dee516d81f1013 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import React from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { closeNewProjectModal } from '../../actions/modals/projects'
import { addProject } from '../../actions/projects'
import TextInputModal from '../../components/modals/TextInputModal'

const NewProjectModal = (props) => {
    const visible = useSelector((state) => state.modals.newProjectModalVisible)
    const dispatch = useDispatch()
    const callback = (text) => {
        if (text) {
            dispatch(addProject(text))
        }
        dispatch(closeNewProjectModal())
    }
    return <TextInputModal title="New Project" label="Project title" show={visible} callback={callback} {...props} />
}

export default NewProjectModal