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

Implement base DOM structure

Browse Source
This commit is contained in:
denis0001-dev
2025-08-30 11:56:58 +03:00
Unverified
parent 86f3a82aca
commit 138e0420cf
18 changed files with 389 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/components/chat/UserProfileDialog.tsx
+37
View File
@@ -0,0 +1,37 @@
export function UserProfileDialog() {
return (
<mdui-dialog id="user-profile-dialog" close-on-overlay-click close-on-esc>
<div className="content">
<div className="profile-picture-section">
<img className="profile-picture" src="" alt="Profile Picture" />
</div>
<div className="profile-info">
<div className="username-section">
<h4 className="username"></h4>
<div className="online-status"></div>
</div>
<div className="bio-section">
<label>Bio:</label>
<div className="bio-display"></div>
</div>
<div className="profile-stats">
<div className="stat">
<span className="stat-label">Member since:</span>
<span className="stat-value member-since"></span>
</div>
<div className="stat">
<span className="stat-label">Last seen:</span>
<span className="stat-value last-seen"></span>
</div>
</div>
<div className="profile-actions">
<mdui-button id="dm-button" variant="filled">
<mdui-icon slot="icon" name="chat--filled"></mdui-icon>
Send Message
</mdui-button>
</div>
</div>
</div>
</mdui-dialog>
);
}