for-legacy-web/src/controllers/modals/components/PendingFriendRequests.tsx

22 lines
567 B
TypeScript

import { Text } from "preact-i18n";
import { Column, Modal } from "@revoltchat/ui";
import { Friend } from "../../../pages/friends/Friend";
import { ModalProps } from "../types";
export default function PendingFriendRequests({
users,
...props
}: ModalProps<"pending_friend_requests">) {
return (
<Modal {...props} title={<Text id="app.special.friends.pending" />}>
<Column>
{users.map((x) => (
<Friend user={x!} key={x!._id} />
))}
</Column>
</Modal>
);
}