mirror of
https://github.com/lorsanstand/Aether.git
synced 2026-06-19 12:05:16 +03:00
add frontend and change password
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
import { useAuthStore } from '../store/authStore';
|
||||
|
||||
export default function ChatPage() {
|
||||
const user = useAuthStore((state) => state.user);
|
||||
const logout = useAuthStore((state) => state.logout);
|
||||
|
||||
const handleLogout = async () => {
|
||||
// TODO: Call logout API
|
||||
logout();
|
||||
window.location.href = '/auth';
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-100">
|
||||
<div className="h-screen flex">
|
||||
{/* Sidebar */}
|
||||
<div className="w-80 bg-card-white border-r border-gray-200">
|
||||
<div className="p-4 border-b border-gray-200">
|
||||
<h1 className="text-2xl font-lora font-semibold text-accent-olive">Aether</h1>
|
||||
</div>
|
||||
|
||||
<div className="p-4">
|
||||
<p className="text-sm text-text-muted font-inter">Привет, {user?.username}!</p>
|
||||
<button
|
||||
onClick={handleLogout}
|
||||
className="mt-2 text-sm text-error-soft hover:text-red-700 font-inter"
|
||||
>
|
||||
Выйти
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="flex-1 overflow-y-auto">
|
||||
<div className="p-4 text-center text-text-muted font-inter">
|
||||
Чаты скоро появятся...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Main Chat Area */}
|
||||
<div className="flex-1 flex flex-col">
|
||||
<div className="flex-1 flex items-center justify-center text-text-muted font-inter">
|
||||
Выберите чат или начните новый
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user