列表不会带动搜索框转

client/ui/main/ContactsList.tsx

@@ -7,6 +7,7 @@ import data from "../../Data.ts"
 import { checkApiSuccessOrSncakbar, snackbar } from "../snackbar.ts"
 import Chat from "../../api/client_data/Chat.ts"
 import EventBus from "../../EventBus.ts"
+import isMobileUI from "../isMobileUI.ts";
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     display: boolean
@@ -14,6 +15,7 @@ interface Args extends React.HTMLAttributes<HTMLElement> {
     addContactDialogRef: React.MutableRefObject<Dialog>
     createGroupDialogRef: React.MutableRefObject<Dialog>
     setSharedFavouriteChats: React.Dispatch<React.SetStateAction<Chat[]>>
+    currentChatId: string
 }
 
 export default function ContactsList({
@@ -22,6 +24,7 @@ export default function ContactsList({
     addContactDialogRef,
     createGroupDialogRef,
     setSharedFavouriteChats,
+    currentChatId,
     ...props
 }: Args) {
     const searchRef = React.useRef<HTMLElement>(null)
@@ -63,20 +66,21 @@ export default function ContactsList({
         height: '100%',
         width: '100%',
     }} {...props}>
+        <div style={{
+            position: 'sticky',
+            top: '0',
+            backgroundColor: 'rgb(var(--mdui-color-background))',
+            zIndex: '10',
+        }}>
             <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
                 marginTop: '5px',
             }}></mdui-text-field>
-
             <mdui-list-item rounded style={{
-            width: '100%',
                 marginTop: '13px',
-        }} icon="person_add" onClick={() => addContactDialogRef.current!.open = true}>添加对话</mdui-list-item>
+                width: '100%',
+            }} icon="person_add" onClick={() => addContactDialogRef.current!.open = true}>添加收藏对话</mdui-list-item>
             <mdui-list-item rounded style={{
                 width: '100%',
-        }} icon="group_add" onClick={() => createGroupDialogRef.current!.open = true}>创建群组</mdui-list-item>
-        <mdui-list-item rounded style={{
-            width: '100%',
-            marginTop: '13px',
             }} icon="refresh" onClick={() => EventBus.emit('ContactsList.updateContacts')}>刷新</mdui-list-item>
             <mdui-list-item rounded style={{
                 width: '100%',
@@ -92,6 +96,8 @@ export default function ContactsList({
                     }} icon="delete" onClick={() => dialog({
                         headline: "删除所选",
                         description: "确定要删除所选的收藏对话吗? 这并不会删除您的聊天记录, 也不会丢失对话成员身份",
+                        closeOnEsc: true,
+                        closeOnOverlayClick: true,
                         actions: [
                             {
                                 text: "取消",
@@ -137,6 +143,7 @@ export default function ContactsList({
             <div style={{
                 height: "15px",
             }}></div>
+        </div>
 
         {
             contactsList.filter((chat) =>
@@ -145,7 +152,7 @@ export default function ContactsList({
                 chat.id.includes(searchText)
             ).map((v) =>
                 <ContactsListItem
-                    active={checkedList[v.id] == true}
+                    active={isMultiSelecting ? checkedList[v.id] == true : (isMobileUI() ? false : currentChatId == v.id)}
                     onClick={() => {
                         if (isMultiSelecting)
                             setCheckedList({

client/ui/main/RecentsList.tsx

@@ -44,7 +44,11 @@ export default function RecentsList({
         }
         updateRecents()
         EventBus.on('RecentsList.updateRecents', () => updateRecents())
-        setTimeout(() => updateRecents(), 15 * 1000)
+        const id = setInterval(() => updateRecents(), 15 * 1000)
+        return () => {
+            EventBus.off('RecentsList.updateRecents')
+            clearInterval(id)
+        }
     })
 
     return <mdui-list style={{
@@ -58,6 +62,10 @@ export default function RecentsList({
         <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
             marginTop: '5px',
             marginBottom: '13px',
+            position: 'sticky',
+            top: '0',
+            backgroundColor: 'rgb(var(--mdui-color-background))',
+            zIndex: '10',
         }}></mdui-text-field>
         {
             recentsList.filter((chat) =>