refactor: #6 check update over one hour and debound scroll

app/components/home.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef, useEffect, useLayoutEffect } from "react";
 
 import { IconButton } from "./button";
 import styles from "./home.module.scss";
@@ -192,14 +192,16 @@ export function Chat(props: { showSideBar?: () => void }) {
         : []
     );
 
-  useEffect(() => {
-    const dom = latestMessageRef.current;
-    if (dom && !isIOS()) {
-      dom.scrollIntoView({
-        behavior: "smooth",
-        block: "end",
-      });
-    }
+  useLayoutEffect(() => {
+    setTimeout(() => {
+      const dom = latestMessageRef.current;
+      if (dom && !isIOS()) {
+        dom.scrollIntoView({
+          behavior: "smooth",
+          block: "end",
+        });
+      }
+    }, 500);
   });
 
   return (
@@ -296,9 +298,9 @@ export function Chat(props: { showSideBar?: () => void }) {
             </div>
           );
         })}
-        <span ref={latestMessageRef} style={{ opacity: 0 }}>
+        <div ref={latestMessageRef} style={{ opacity: 0, height: "2em" }}>
           -
-        </span>
+        </div>
       </div>
 
       <div className={styles["chat-input-panel"]}>

app/components/settings.tsx

@@ -11,11 +11,17 @@ import ClearIcon from "../icons/clear.svg";
 import { List, ListItem, Popover } from "./ui-lib";
 
 import { IconButton } from "./button";
-import { SubmitKey, useChatStore, Theme, ALL_MODELS } from "../store";
+import {
+  SubmitKey,
+  useChatStore,
+  Theme,
+  ALL_MODELS,
+  useUpdateStore,
+} from "../store";
 import { Avatar } from "./home";
 
 import Locale, { changeLang, getLang } from "../locales";
-import { checkUpstreamLatestCommitId, getCurrentCommitId } from "../utils";
+import { getCurrentCommitId } from "../utils";
 import Link from "next/link";
 import { UPDATE_URL } from "../constant";
 
@@ -48,15 +54,15 @@ export function Settings(props: { closeSettings: () => void }) {
     ]
   );
 
-  const currentId = getCurrentCommitId();
+  const updateStore = useUpdateStore();
   const [checkingUpdate, setCheckingUpdate] = useState(false);
-  const [remoteId, setRemoteId] = useState<string>();
+  const currentId = getCurrentCommitId();
+  const remoteId = updateStore.remoteId;
   const hasNewVersion = currentId !== remoteId;
 
   function checkUpdate(force = false) {
     setCheckingUpdate(true);
-    checkUpstreamLatestCommitId(force).then((id) => {
-      setRemoteId(id);
+    updateStore.getLatestCommitId(force).then(() => {
       setCheckingUpdate(false);
     });
   }