dmed-voice-assistant 1.2.8 → 1.2.9

package/dist/recognition.js

@@ -89,6 +89,7 @@ const Recognition = _ref4 => {
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
   const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)(0);
+  const recognitionBoxRef = (0, _react.useRef)(null);
   const recognitionRef = (0, _react.useRef)(null);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const [result, setResult] = (0, _react.useState)([]);
@@ -325,6 +326,11 @@ const Recognition = _ref4 => {
   (0, _react.useEffect)(() => {
     setHistoryList(recognitionHistoryList);
   }, [recognitionHistoryList]);
+  (0, _react.useEffect)(() => {
+    if (result.length > 0 && recognitionBoxRef.current) {
+      recognitionBoxRef.current.scrollTop = recognitionBoxRef.current.scrollHeight;
+    }
+  }, [result]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     className: "bg-white rounded-[5px] p-[20px] w-[440px]",
     sx: {
@@ -465,10 +471,17 @@ const Recognition = _ref4 => {
             })]
           })]
         }), isStarted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          ref: recognitionBoxRef,
           className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
           sx: {
             maxWidth: "387px",
-            overflow: "hidden"
+            maxHeight: "100px",
+            overflowX: "hidden",
+            overflowY: "scroll",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": {
+              display: "none"
+            }
           },
           children: result.map((item, index) => {
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dmed-voice-assistant",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "main": "dist/index.js",
   "files": [
     "dist"