feat: refresh chat list on return to main menu

2026-09-20 08:25:12 +08:00
parent 088e5e29f8
commit c2af4f9f6b
2 changed files with 36 additions and 12 deletions
@@ -13,7 +13,7 @@ import {
  PhoneIcon,
  UsersIcon,
 } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";

 type Props = {
  selected: string | null;
@@ -23,10 +23,22 @@ export default function ChatsSection({ selected, onSelect }: Props) {
  const [query, setQuery] = useState("");

  const contacts = useContacts();
-  const { data: chats, isLoading } = useChats({
+  const {
+    data: chats,
+    isLoading,
+    refetch,
+  } = useChats({
    refetchInterval: 10_000,
  });

+  useEffect(() => {
+    // Refetch chat list when returning to main screen
+    if (!selected) {
+      console.log("test");
+      refetch();
+    }
+  }, [selected]);
+
  const chatList = useMemo(() => {
    return (
      chats?.map((i) => {