YasinOnm08/interstellar_ai
0
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

voice recognition trial 1

Browse source
This commit is contained in:
YasinOnm08 2024-09-26 08:57:28 +02:00
parent edc7260966
commit 0d84454a17
5 changed files with 74 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/components/InputFrontend.tsx
View file

@ -4,11 +4,12 @@ interface InputProps {
message: string;
onSendClick: (message: string, override: boolean) => void;
onMicClick: () => void;
inputDisabled: boolean
inputDisabled: boolean;
isRecording:boolean
}
const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
({ message, onSendClick, onMicClick, inputDisabled }, ref: ForwardedRef<HTMLDivElement>) => {
({ message, onSendClick, onMicClick, inputDisabled, isRecording}, ref: ForwardedRef<HTMLDivElement>) => {
const [inputValue, setInputValue] = useState('');
useEffect(() => {
@ -42,7 +43,7 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
<button type="button" onClick={() => onSendClick(inputValue, false)} disabled={inputDisabled ? true : false}>
<img src="/img/send.svg" alt="send" />
</button>
<button type="button" onClick={onMicClick}>
<button type="button" onClick={onMicClick} style={{backgroundColor: isRecording? "red" : "green"}}>
<img src="/img/microphone.svg" alt="microphone" />
</button>
</div>