import React , { useState } from 'react' ; import Style from './CreateGroup.less' ; import Dialog from '../../components/Dialog' ; import Input from '../../components/Input' ; import Message from '../../components/Message' ; import { createGroup } from '../../service' ; import useAction from '../../hooks/useAction' ; interface CreateGroupProps { visible : boolean ; onClose : ( ) => void ; } function CreateGroup ( props ) { const { visible , onClose } = props ; const action = useAction ( ) ; const [ groupName , setGroupName ] = useState ( '' ) ; async function handleCreateGroup ( ) { const group = await createGroup ( groupName ) ; if ( group ) { group . type = 'group' ; action . addLinkman ( group , true ) ; setGroupName ( '' ) ; onClose ( ) ; Message . success ( '创建群组成功' ) ; } } return ( < Dialog title = "创建群组" visible = { visible } onClose = { onClose } > < div className = { Style . container } > < h3 className = { Style . text } > 请输入群组名 < /h3> < Input className = { Style . input } value = { groupName } onChange = { setGroupName } / > < button className = { Style . button } onClick = { handleCreateGroup } type = "button" > 创建 < /button> < /div> < /Dialog>); } export default CreateGroup ;