mirror of
https://github.com/fromchat-messenger/web.git
synced 2026-09-24 12:05:05 +03:00
57 lines
2.4 KiB
TypeScript
57 lines
2.4 KiB
TypeScript
import { useChat } from "../../hooks/useChat";
|
|
|
|
export function ChatTabs() {
|
|
const { activeTab, setActiveTab, setCurrentChat } = useChat();
|
|
|
|
const handleChatClick = (chatName: string) => {
|
|
setCurrentChat(chatName);
|
|
};
|
|
|
|
return (
|
|
<div className="chat-tabs">
|
|
<mdui-tabs value={activeTab} full-width onChange={(e: any) => setActiveTab(e.detail.value)}>
|
|
<mdui-tab value="chats">
|
|
Чаты
|
|
</mdui-tab>
|
|
<mdui-tab value="channels">
|
|
Каналы
|
|
</mdui-tab>
|
|
<mdui-tab value="contacts">
|
|
Контакты
|
|
</mdui-tab>
|
|
<mdui-tab value="dms">
|
|
ЛС
|
|
</mdui-tab>
|
|
|
|
<mdui-tab-panel slot="panel" value="chats">
|
|
<mdui-list>
|
|
<mdui-list-item
|
|
headline="Общий чат"
|
|
description="Вы: Последнее сообщение"
|
|
id="chat-list-chat-1"
|
|
onClick={() => handleChatClick("Общий чат")}
|
|
style={{ cursor: "pointer" }}
|
|
>
|
|
<img src="./src/resources/images/default-avatar.png" alt="" slot="icon" />
|
|
</mdui-list-item>
|
|
<mdui-list-item
|
|
headline="Общий чат 2"
|
|
description="Вы: Последнее сообщение"
|
|
id="chat-list-chat-2"
|
|
onClick={() => handleChatClick("Общий чат 2")}
|
|
style={{ cursor: "pointer" }}
|
|
>
|
|
<img src="./src/resources/images/default-avatar.png" alt="" slot="icon" />
|
|
</mdui-list-item>
|
|
</mdui-list>
|
|
</mdui-tab-panel>
|
|
<mdui-tab-panel slot="panel" value="channels">Скоро будет...</mdui-tab-panel>
|
|
<mdui-tab-panel slot="panel" value="contacts">Скоро будет...</mdui-tab-panel>
|
|
<mdui-tab-panel slot="panel" value="dms">
|
|
<mdui-list id="dm-users"></mdui-list>
|
|
</mdui-tab-panel>
|
|
</mdui-tabs>
|
|
</div>
|
|
);
|
|
}
|