Proyectos de Subversion LeadersLinked - Antes de SPA

import FileModal from '../../mobile-chat/mobile-chat/chat/fileModal/FileModal';

import { axios } from '../../utils';

import styles from "../../mobile-chat/mobile-chat/chat/chat.module.scss";

const permittedFiles = "video/mp4, video/mpeg, video/webm, application/pdf, image/jpeg, image/png, image/jpg";

const MessageBox = ({ onSend, backendVars, sendLink }) => {

    const fileInputEl = useRef(null);

    const [text, setText] = useState('')

    const [selectedFile, setSelectedFile] = useState("");

    const handleUploadFile = (e) => {

        const file = e.target.files[0];

        if (file) {

            setSelectedFile(file);

        }

    };

    const removeSelectedFile = () => {

        setSelectedFile("");

    };

    const handleSendFile = () => {

        const formData = new FormData();

        formData.append("file", selectedFile);

        axios.post(sendLink, formData)

            .then(async (response) => {

                const resData = response.data;

                if (resData.success) {

                    setSelectedFile("");

                    setShowEmojione(false);

                }

                        type="file"

                        name="file"

                        id="file"

                        ref={(e) => {

                            fileInputEl.current = e;

                        }}

                        accept={permittedFiles}

                        hidden

                        onChange={handleUploadFile}

                    />

                    <button

                        type="button"

                        className={`${styles.inputIcon} ti-clip icon uploadFile text-gray`}

                        id="uploadFile"

                        onClick={() => fileInputEl.current.click()}

                    />

                    <input

                {

                    selectedFile

                    &&

                    <FileModal

                        file={selectedFile}

                        onCancel={removeSelectedFile}

                        onSend={handleSendFile}

                    />

                }