@droppii-org/chat-sdk
Version:
Droppii React Chat SDK
22 lines (21 loc) • 1.37 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Empty, Spin } from "antd";
import { useTranslation } from "react-i18next";
import InfiniteScroll from "react-infinite-scroll-component";
import SearchItemAsUser from "./item/SearchItemAsUser";
import { useGetSession } from "../../hooks/session/useGetSession";
const SearchConversationAsUsers = (props) => {
const { searchTerm = "" } = props;
const { t } = useTranslation();
const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useGetSession({
filter: {
searchTerm: searchTerm.trim(),
},
});
if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
return _jsx(Empty, { description: t("no_conversation") });
if (isLoading)
return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsUser, { session: item, searchTerm: searchTerm }))) }) }));
};
export default SearchConversationAsUsers;