import React, { useState, useEffect } from "react"; import SpeechRecognition, { useSpeechRecognition, } from "react-speech-recognition"; import { toast } from "react-toastify"; import MicIcon from "@material-ui/icons/Mic"; import TextField from "@material-ui/core/TextField"; import line1 from "../../assets/icons/line1.png"; import line2 from "../../assets/icons/line2.png"; import arrowLeft from "../../assets/icons/arrow-left.png"; import "./Vocal.scss"; import { stat } from "fs"; const Vocal = (props: any) => { const { transcript, resetTranscript } = useSpeechRecognition(); const [flag, setFlag] = useState(false); const [pause, setPause] = useState(false); const start = () => { setPause(false); SpeechRecognition.startListening({ language: "fa_IR" }); setTimeout(() => { if (true) { SpeechRecognition.stopListening(); setPause(true); } }, 7000); }; useEffect(() => { if (!flag) { resetTranscript(); setFlag(() => true); start(); } }); useEffect(() => { props.setInputValue(() => transcript); }, [transcript]); return (