pressing enter auto sends

hkam0006 · Oct 11, 2024 · 67390c1 · 67390c1
1 parent daed6c8
commit 67390c1
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/frontend/src/manager-components/messaging/MessageBox.jsx b/frontend/src/manager-components/messaging/MessageBox.jsx
@@ -2,6 +2,13 @@ import React from 'react'
 import { Paper, TextField, Button, Box } from '@mui/material'
 
 function MessageBox({ message, setMessage, HandleMessagesPush }) {
+    function handleKeyPress(e) {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault()
+            HandleMessagesPush()
+        }
+    }
+
     return (
         <Paper sx={{ padding: 2, margin: 2, width: '100%' }}>
             <Box sx={{ display: 'flex', alignItems: 'center' }}>
@@ -11,6 +18,7 @@ function MessageBox({ message, setMessage, HandleMessagesPush }) {
                     label='message'
                     value={message}
                     onChange={(e) => setMessage(e.target.value)}
+                    onKeyDown={handleKeyPress}
                     fullWidth
                     multiline
                     rows={1}