feat: #170 auto scroll after retrying

Yidadaa · Yidadaa · commit 08f3c7026d07 · 2023-03-29T15:40:37.000Z
diff --git a/app/components/home.tsx b/app/components/home.tsx
@@ -275,6 +275,7 @@ export function Chat(props: {
         chatStore
           .onUserInput(messages[i].content)
           .then(() => setIsLoading(false));
+        inputRef.current?.focus();
         return;
       }
     }
@@ -319,7 +320,6 @@ export function Chat(props: {
       const dom = latestMessageRef.current;
       if (dom && !isIOS() && autoScroll) {
         dom.scrollIntoView({
-          behavior: "smooth",
           block: "end",
         });
       }
@@ -444,7 +444,7 @@ export function Chat(props: {
             </div>
           );
         })}
-        <div ref={latestMessageRef} style={{ opacity: 0, height: "2em" }}>
+        <div ref={latestMessageRef} style={{ opacity: 0, height: "3em" }}>
           -
         </div>
       </div>

Original file line number	Diff line number	Diff line change
`@@ -275,6 +275,7 @@ export function Chat(props: {`
`275`	`275`	`chatStore`
`276`	`276`	`.onUserInput(messages[i].content)`
`277`	`277`	`.then(() => setIsLoading(false));`
	`278`	`+ inputRef.current?.focus();`
`278`	`279`	`return;`
`279`	`280`	`}`
`280`	`281`	`}`
`@@ -319,7 +320,6 @@ export function Chat(props: {`
`319`	`320`	`const dom = latestMessageRef.current;`
`320`	`321`	`if (dom && !isIOS() && autoScroll) {`
`321`	`322`	`dom.scrollIntoView({`
`322`		`- behavior: "smooth",`
`323`	`323`	`block: "end",`
`324`	`324`	`});`
`325`	`325`	`}`
`@@ -444,7 +444,7 @@ export function Chat(props: {`
`444`	`444`	`</div>`
`445`	`445`	`);`
`446`	`446`	`})}`
`447`		`- <div ref={latestMessageRef} style={{ opacity: 0, height: "2em" }}>`
	`447`	`+ <div ref={latestMessageRef} style={{ opacity: 0, height: "3em" }}>`
`448`	`448`	`-`
`449`	`449`	`</div>`
`450`	`450`	`</div>`