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

Fix resource URLs

Browse Source
This commit is contained in:
denis0001-dev
2025-08-30 15:15:34 +03:00
Unverified
parent 9594ed589d
commit 5af5c98f71
3 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/components/chat/ChatMainHeader.tsx
+2 -1
View File
@@ -1,5 +1,6 @@
import { useChat } from "../../hooks/useChat"; import { useChat } from "../../hooks/useChat";
import { useState } from "react"; import { useState } from "react";
import defaultAvatar from "../../../resources/images/default-avatar.png";
export function ChatMainHeader() { export function ChatMainHeader() {
const { currentChat } = useChat(); const { currentChat } = useChat();
@@ -12,7 +13,7 @@ export function ChatMainHeader() {
return ( return (
<div className="chat-header"> <div className="chat-header">
<img src="./src/resources/images/default-avatar.png" alt="Avatar" className="chat-header-avatar" /> <img src={defaultAvatar} alt="Avatar" className="chat-header-avatar" />
<div className="chat-header-info"> <div className="chat-header-info">
<div className="info-chat"> <div className="info-chat">
<h4 id="chat-name">{currentChat}</h4> <h4 id="chat-name">{currentChat}</h4>
frontend/src/ui/components/chat/LeftPanel.tsx
+8 -15
View File
@@ -1,6 +1,7 @@
import { PRODUCT_NAME } from "../../../core/config"; import { PRODUCT_NAME } from "../../../core/config";
import { useDialog } from "../../contexts/DialogContext"; import { useDialog } from "../../contexts/DialogContext";
import { useChat } from "../../hooks/useChat"; import { useChat } from "../../hooks/useChat";
import defaultAvatar from "../../../resources/images/default-avatar.png";
function BottomAppBar() { function BottomAppBar() {
const { openSettings } = useDialog(); const { openSettings } = useDialog();
@@ -30,18 +31,10 @@ function ChatTabs() {
return ( return (
<div className="chat-tabs"> <div className="chat-tabs">
<mdui-tabs value={activeTab} full-width onChange={(e: Event & any) => setActiveTab(e.value)}> <mdui-tabs value={activeTab} full-width onChange={(e: Event & any) => setActiveTab(e.value)}>
<mdui-tab value="chats"> <mdui-tab value="chats">Чаты</mdui-tab>
Чаты <mdui-tab value="channels">Каналы</mdui-tab>
</mdui-tab> <mdui-tab value="contacts">Контакты</mdui-tab>
<mdui-tab value="channels"> <mdui-tab value="dms">ЛС</mdui-tab>
Каналы
</mdui-tab>
<mdui-tab value="contacts">
Контакты
</mdui-tab>
<mdui-tab value="dms">
ЛС
</mdui-tab>
<mdui-tab-panel slot="panel" value="chats"> <mdui-tab-panel slot="panel" value="chats">
<mdui-list> <mdui-list>
@@ -52,7 +45,7 @@ function ChatTabs() {
onClick={() => handleChatClick("Общий чат")} onClick={() => handleChatClick("Общий чат")}
style={{ cursor: "pointer" }} style={{ cursor: "pointer" }}
> >
<img src="./src/resources/images/default-avatar.png" alt="" slot="icon" /> <img src={defaultAvatar} alt="" slot="icon" />
</mdui-list-item> </mdui-list-item>
<mdui-list-item <mdui-list-item
headline="Общий чат 2" headline="Общий чат 2"
@@ -61,7 +54,7 @@ function ChatTabs() {
onClick={() => handleChatClick("Общий чат 2")} onClick={() => handleChatClick("Общий чат 2")}
style={{ cursor: "pointer" }} style={{ cursor: "pointer" }}
> >
<img src="./src/resources/images/default-avatar.png" alt="" slot="icon" /> <img src={defaultAvatar} alt="" slot="icon" />
</mdui-list-item> </mdui-list-item>
</mdui-list> </mdui-list>
</mdui-tab-panel> </mdui-tab-panel>
@@ -88,7 +81,7 @@ function ChatHeader() {
<div className="product-name">{PRODUCT_NAME}</div> <div className="product-name">{PRODUCT_NAME}</div>
<div className="profile"> <div className="profile">
<a href="#" id="profile-open" onClick={handleProfileClick}> <a href="#" id="profile-open" onClick={handleProfileClick}>
<img src="./src/resources/images/default-avatar.png" alt="" id="preview1" /> <img src={defaultAvatar} alt="" id="preview1" />
</a> </a>
</div> </div>
</header> </header>
frontend/src/ui/components/profile/ProfileDialog.tsx
+2 -3
View File
@@ -1,11 +1,10 @@
import { useState } from "react"; import { useState } from "react";
import { useAppState } from "../../state";
import { useDialog } from "../../contexts/DialogContext"; import { useDialog } from "../../contexts/DialogContext";
import defaultAvatar from "../../../resources/images/default-avatar.png";
export function ProfileDialog() { export function ProfileDialog() {
const [username, setUsername] = useState("user123"); const [username, setUsername] = useState("user123");
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
const { user } = useAppState();
const { isProfileOpen, closeProfile } = useDialog(); const { isProfileOpen, closeProfile } = useDialog();
const handleSubmit = (e: React.FormEvent) => { const handleSubmit = (e: React.FormEvent) => {
@@ -20,7 +19,7 @@ export function ProfileDialog() {
<div className="content"> <div className="content">
<div className="header-top"> <div className="header-top">
<div className="profile-picture-container"> <div className="profile-picture-container">
<img id="profile-picture" src="./src/resources/images/default-avatar.png" alt="Ваше фото" /> <img id="profile-picture" src={defaultAvatar} alt="Ваше фото" />
<mdui-button-icon icon="camera_alt--filled" id="upload-pfp-btn" className="upload-overlay" variant="filled"></mdui-button-icon> <mdui-button-icon icon="camera_alt--filled" id="upload-pfp-btn" className="upload-overlay" variant="filled"></mdui-button-icon>
<input type="file" id="pfp-file-input" accept="image/*" style={{ display: "none" }} /> <input type="file" id="pfp-file-input" accept="image/*" style={{ display: "none" }} />
</div> </div>