fix: empty data cache invalidation

README.md

@@ -66,7 +66,7 @@ pnpm --filter server seed
 - [x] redis implementation (typing users, online users)
 - [x] online status
 - [x] realtime member list update
-- [ ] infinite scroll pagination (messages/rooms/members)
+- [x] infinite scroll pagination (messages/rooms/members)
 - [ ] delete room
 - [ ] e2e encryption
 - [ ] read receipts

client/src/features/members/components/MemberItem.tsx

@@ -14,7 +14,9 @@ export const MemberItem = ({ member }: MemberItemProps) => {
       <div
         className={cn(
           'h-3 w-3 rounded-full',
-          member.online ? 'bg-green-600' : 'bg-gray-400',
+          member.online
+            ? 'bg-green-600'
+            : 'border-2 border-gray-400 bg-gray-200',
         )}
       ></div>
       <b>{member.user.username}</b>

client/src/hooks/useInfiniteQuery.ts

@@ -81,7 +81,7 @@ export const useInfiniteQuery = <TData extends { _id: string }, TError = Error>(
   }, [path])
 
   useEffect(() => {
-    if (!isCached && data?.length) {
+    if (!isCached && Array.isArray(data)) {
       fetchInitialData()
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps

client/src/utils/headers.ts

@@ -1,11 +1,8 @@
 import { getToken } from './token'
 
 export const getAuthHeaders = () => {
-  const headers: Record<string, string> = {}
   const token = getToken()
-  if (token) {
-    headers.Authorization = `Bearer ${token}`
+  return {
+    Authorization: token ? `Bearer ${token}` : '',
   }
-
-  return headers
 }