1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- import { Button, Paper, TextField } from '@mui/material';
- import { connect } from 'react-redux';
- import DropZoneAvatar from './DropZone/DropZoneAvatar';
- import { actionUploadFile } from '../actions/actionsMedia';
- import { SearchUserForChatWrap } from './SearchUserForChat/SearchUserForChat.style';
- import { SearchUserForChat } from './SearchUserForChat/SearchUserForChat';
- import { useEffect, useState } from 'react';
- import {actionUpsertChat } from '../actions/actionsForChats';
- export const NewChatModal = ({url, handleClose, handleSetAvatar, inputValue, setChatNameValue, setShowNextModal}) => {
- useEffect(() =>{
- console.log(url)
- }, [url])
- return(
- <div className='MainChatModal'>
- <div>
- <DropZoneAvatar component={"dropAvatarComponent"} onLoad={handleSetAvatar} url={url}/>
- <TextField
- sx={{width: '100%'}}
- id="standard-basic"
- label="Chat Name"
- variant="standard"
- color='primary'
- value={inputValue}
- onChange={(e) =>setChatNameValue(e.target.value)}
- />
- </div>
- <div>
- <Button variant='text' onClick={handleClose}>Cancel</Button>
- <Button variant='text' disabled={inputValue ? false : true} onClick={()=> setShowNextModal(true)}>Next</Button>
- </div>
- </div>
- )
- }
- function CreateNewChat({createChat, handleClose}) {
-
- const [avatar, setAvatar] = useState('');
- const [chatNameValue, setChatNameValue] = useState('');
- const [showNextModal, setShowNextModal] = useState(false);
- const [users, setUsers] = useState();
- return (!showNextModal) ?
- <NewChatModal
- handleSetAvatar={setAvatar}
- url={avatar && URL.createObjectURL(avatar)}
- handleClose={handleClose}
- inputValue={chatNameValue}
- setChatNameValue={setChatNameValue}
- setShowNextModal={setShowNextModal}
- />
- :
- <>
- <SearchUserForChat getUsers={setUsers} />
- <div style={{display: "flex",
- padding: "10px 15px",
- justifyContent: "right",
- alignItems: "center"}}>
- <Button variant="text" onClick={handleClose} >Cancel</Button>
- <Button variant="text" onClick={() => {createChat(null, chatNameValue, users, avatar); handleClose()}}>Create</Button>
- </div>
- </>
-
- }
- export default connect(null, {createChat: actionUpsertChat})(CreateNewChat);
|