@droppii-org/chat-sdk
Version:
Droppii React Chat SDK
40 lines (39 loc) • 1.82 kB
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { Tabs } from "antd";
import { useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import SearchConversationAll from "./SearchAll";
import SearchConversationAsUsers from "./SearchConversationAsUsers";
import SearchConversationAsMessages from "./SearchConversationAsMessages";
export var SearchConversationTabKey;
(function (SearchConversationTabKey) {
SearchConversationTabKey["All"] = "all";
SearchConversationTabKey["Users"] = "users";
SearchConversationTabKey["Messages"] = "messages";
})(SearchConversationTabKey || (SearchConversationTabKey = {}));
const SearchConversation = ({ searchTerm }) => {
const { t } = useTranslation();
const [activeKey, setActiveKey] = useState(SearchConversationTabKey.All);
const items = useMemo(() => {
return [
{
key: SearchConversationTabKey.All,
label: t("all"),
children: (_jsx(SearchConversationAll, { searchTerm: searchTerm, setActiveKey: setActiveKey })),
},
{
key: SearchConversationTabKey.Users,
label: t("users"),
children: _jsx(SearchConversationAsUsers, { searchTerm: searchTerm }),
},
{
key: SearchConversationTabKey.Messages,
label: t("messages"),
children: _jsx(SearchConversationAsMessages, { searchTerm: searchTerm }),
},
];
}, [t, searchTerm]);
return (_jsx("div", { className: "h-full", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key) }) }));
};
export default SearchConversation;