All files / app/features/profile/view ReferencesReceivedList.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
27
28
29
30
31
32
33
34
35
36
3x
 
3x
3x
 
3x
 
 
 
 
 
25x
 
 
45x
45x
 
 
45x
 
52x
 
 
 
45x
 
 
 
 
 
 
 
 
 
 
 
import { useLiteUsers } from "features/userQueries/useLiteUsers";
 
import { useReferencesReceived } from "../hooks/referencesHooks";
import { useProfileUser } from "../hooks/useProfileUser";
import { ReferenceTypeState } from "./References";
import ReferencesView from "./ReferencesView";
 
interface ReferencesReceivedListProps {
  referenceType: Exclude<ReferenceTypeState, "given">;
}
 
export default function ReferencesReceivedList({
  referenceType,
}: ReferencesReceivedListProps) {
  const user = useProfileUser();
  const referencesReceivedQuery = useReferencesReceived(user, referenceType);
 
  const userIds =
    referencesReceivedQuery.data?.pages
      .map((page) =>
        page.referencesList.map((reference) => reference.fromUserId),
      )
      .flat() ?? [];
  const { data: referenceUsers, isLoading: isReferenceUsersLoading } =
    useLiteUsers(userIds);
 
  return (
    <ReferencesView
      isReceived
      isReferenceUsersLoading={isReferenceUsersLoading}
      referenceUsers={referenceUsers}
      referencesQuery={referencesReceivedQuery}
    />
  );
}