diff --git a/packages/fakeyou.com/package.json b/packages/fakeyou.com/package.json index 42897d0898..03fc975caa 100644 --- a/packages/fakeyou.com/package.json +++ b/packages/fakeyou.com/package.json @@ -59,6 +59,7 @@ "react": "^16.13.1", "react-audio-voice-recorder": "^1.0.5", "react-autocomplete": "^1.8.1", + "react-device-detect": "^2.2.3", "react-dom": "^16.13.1", "react-drag-drop-files": "^2.3.9", "react-i18next": "^11.15.4", diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx index 997b5b9841..e10ef58795 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx @@ -23,6 +23,7 @@ import { } from "@storyteller/components/src/api/jobs/GetTtsInferenceJobStatus"; import RandomTexts from "./RandomTexts"; import "./LandingDemo.scss"; +import { isMobile } from "react-device-detect"; interface TtsInferencePanelProps { sessionSubscriptionsWrapper: SessionSubscriptionsWrapper; @@ -252,6 +253,7 @@ export default function LandingDemo({ onChange={handleChangeText} rows={4} resize={false} + autoFocus={isMobile ? false : true} /> diff --git a/yarn.lock b/yarn.lock index b43b132b6e..33d58d00c8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4596,6 +4596,7 @@ __metadata: moment: ^2.29.4 prettier: ^3.1.0 pretty-quick: ^3.1.3 + react-device-detect: ^2.2.3 universal-cookie: ^6.1.1 yarn: ^1.22.19 languageName: unknown @@ -17772,6 +17773,18 @@ __metadata: languageName: node linkType: hard +"react-device-detect@npm:^2.2.3": + version: 2.2.3 + resolution: "react-device-detect@npm:2.2.3" + dependencies: + ua-parser-js: ^1.0.33 + peerDependencies: + react: ">= 0.14.0" + react-dom: ">= 0.14.0" + checksum: 42d9b3182b9d2495bf0d7914c9f370da51d8bdb853a3eba2acaf433894ae760386a075ba103185be825b33d42f50d85ef462087f261656d433f4c74dab23861f + languageName: node + linkType: hard + "react-dom@npm:^16.13.1": version: 16.14.0 resolution: "react-dom@npm:16.14.0" @@ -20934,6 +20947,13 @@ __metadata: languageName: node linkType: hard +"ua-parser-js@npm:^1.0.33": + version: 1.0.37 + resolution: "ua-parser-js@npm:1.0.37" + checksum: 4d481c720d523366d7762dc8a46a1b58967d979aacf786f9ceceb1cd767de069f64a4bdffb63956294f1c0696eb465ddb950f28ba90571709e33521b4bd75e07 + languageName: node + linkType: hard + "uglify-js@npm:^3.1.4": version: 3.15.0 resolution: "uglify-js@npm:3.15.0"