FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Create new Material components, redesign the chat UI, add security settings

Browse Source
This commit is contained in:
denis0001-dev
2025-11-01 14:55:36 +03:00
Unverified
parent 5f49b45eed
commit fc11d06570
40 changed files with 917 additions and 618 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/chat/ui/left/ChatTabs.tsx
+14 -14
View File
@@ -1,32 +1,32 @@
import { useAppState, type ChatTabs } from "@/pages/chat/state";
import { UnifiedChatsList } from "./UnifiedChatsList";
import type { Tabs } from "mdui/components/tabs";
import { MaterialTab, MaterialTabPanel, MaterialTabs } from "@/utils/material";
export function ChatTabs() {
const { chat, setActiveTab } = useAppState();
return (
<div className="chat-tabs">
<mdui-tabs
<MaterialTabs
value={chat.activeTab}
full-width
onChange={(e) => setActiveTab((e.target as Tabs).value as ChatTabs)}>
<mdui-tab value="chats">
onChange={(e) => setActiveTab(e.target.value as ChatTabs)}>
<MaterialTab value="chats">
Чаты
</mdui-tab>
<mdui-tab value="channels">
</MaterialTab>
<MaterialTab value="channels">
Каналы
</mdui-tab>
<mdui-tab value="contacts">
</MaterialTab>
<MaterialTab value="contacts">
Контакты
</mdui-tab>
</MaterialTab>
<mdui-tab-panel slot="panel" value="chats">
<MaterialTabPanel slot="panel" value="chats">
<UnifiedChatsList />
</mdui-tab-panel>
<mdui-tab-panel slot="panel" value="channels">Скоро будет...</mdui-tab-panel>
<mdui-tab-panel slot="panel" value="contacts">Скоро будет...</mdui-tab-panel>
</mdui-tabs>
</MaterialTabPanel>
<MaterialTabPanel slot="panel" value="channels">Скоро будет...</MaterialTabPanel>
<MaterialTabPanel slot="panel" value="contacts">Скоро будет...</MaterialTabPanel>
</MaterialTabs>
</div>
);
}