All files / app/features/profile/view ReferencesGivenList.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
3x
 
3x
3x
3x
 
1x
3x
3x
 
 
3x
2x
 
 
3x
 
 
 
 
 
 
 
 
 
 
import { useLiteUsers } from "features/userQueries/useLiteUsers";
 
import { useReferencesGiven } from "../hooks/referencesHooks";
import { useProfileUser } from "../hooks/useProfileUser";
import ReferencesView from "./ReferencesView";
 
export default function ReferencesGivenList() {
  const user = useProfileUser();
  const referencesGivenQuery = useReferencesGiven(user);
 
  const userIds =
    referencesGivenQuery.data?.pages
      .map((page) => page.referencesList.map((reference) => reference.toUserId))
      .flat() ?? [];
  const { data: referenceUsers, isLoading: isReferenceUsersLoading } =
    useLiteUsers(userIds);
 
  return (
    <ReferencesView
      isReferenceUsersLoading={isReferenceUsersLoading}
      referencesQuery={referencesGivenQuery}
      referenceUsers={referenceUsers}
    />
  );
}