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

Remove the DialogContext

Browse Source
This commit is contained in:
denis0001-dev
2025-09-06 12:38:35 +03:00
Unverified
parent 27666594ff
commit 741738ff5e
3 changed files with 25 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/App.tsx
+2 -3
View File
@@ -3,7 +3,6 @@ import ChatScreen from "./screen/ChatScreen";
import LoginScreen from "./screen/LoginScreen"; import LoginScreen from "./screen/LoginScreen";
import RegisterScreen from "./screen/RegisterScreen"; import RegisterScreen from "./screen/RegisterScreen";
import { useAppState } from "./state"; import { useAppState } from "./state";
import { DialogProvider } from "./contexts/DialogContext";
import { useEffect } from "react"; import { useEffect } from "react";
export default function App() { export default function App() {
@@ -32,11 +31,11 @@ export default function App() {
} }
return ( return (
<DialogProvider> <>
<ElectronTitleBar /> <ElectronTitleBar />
<div id="main-wrapper"> <div id="main-wrapper">
{page} {page}
</div> </div>
</DialogProvider> </>
) )
} }
frontend/src/ui/components/chat/ChatHeader.tsx
+23 -19
View File
@@ -1,34 +1,38 @@
import { PRODUCT_NAME } from "../../../core/config"; import { PRODUCT_NAME } from "../../../core/config";
import { useDialog } from "../../contexts/DialogContext";
import { useProfile } from "../../hooks/useProfile"; import { useProfile } from "../../hooks/useProfile";
import defaultAvatar from "../../../resources/images/default-avatar.png"; import defaultAvatar from "../../../resources/images/default-avatar.png";
import { useState } from "react";
import { ProfileDialog } from "../profile/ProfileDialog";
export function ChatHeader() { export function ChatHeader() {
const { openProfile } = useDialog();
const { profileData } = useProfile(); const { profileData } = useProfile();
const [isProfileOpen, setIsProfileOpen] = useState(false);
const handleProfileClick = () => { const handleProfileClick = () => {
openProfile(); setIsProfileOpen(true);
}; };
const profilePictureUrl = profileData?.profile_picture || defaultAvatar; const profilePictureUrl = profileData?.profile_picture || defaultAvatar;
return ( return (
<header className="chat-header-left"> <>
<div className="product-name">{PRODUCT_NAME}</div> <header className="chat-header-left">
<div className="profile"> <div className="product-name">{PRODUCT_NAME}</div>
<a href="#" id="profile-open" onClick={handleProfileClick}> <div className="profile">
<img <a href="#" id="profile-open" onClick={handleProfileClick}>
src={profilePictureUrl} <img
alt="" src={profilePictureUrl}
id="preview1" alt=""
onError={(e) => { id="preview1"
const target = e.target as HTMLImageElement; onError={(e) => {
target.src = defaultAvatar; const target = e.target as HTMLImageElement;
}} target.src = defaultAvatar;
/> }}
</a> />
</div> </a>
</header> </div>
</header>
<ProfileDialog isOpen={isProfileOpen} onOpenChange={setIsProfileOpen} />
</>
); );
} }
frontend/src/ui/contexts/DialogContext.tsx
-44
View File
@@ -1,44 +0,0 @@
import { createContext, useContext, useState } from "react";
import type { ReactNode } from "react";
interface DialogContextType {
isProfileOpen: boolean;
isSettingsOpen: boolean;
openProfile: () => void;
closeProfile: () => void;
openSettings: () => void;
closeSettings: () => void;
}
const DialogContext = createContext<DialogContextType | undefined>(undefined);
export function DialogProvider({ children }: { children: ReactNode }) {
const [isProfileOpen, setIsProfileOpen] = useState(false);
const [isSettingsOpen, setIsSettingsOpen] = useState(false);
const openProfile = () => setIsProfileOpen(true);
const closeProfile = () => setIsProfileOpen(false);
const openSettings = () => setIsSettingsOpen(true);
const closeSettings = () => setIsSettingsOpen(false);
return (
<DialogContext.Provider value={{
isProfileOpen,
isSettingsOpen,
openProfile,
closeProfile,
openSettings,
closeSettings
}}>
{children}
</DialogContext.Provider>
);
}
export function useDialog() {
const context = useContext(DialogContext);
if (context === undefined) {
throw new Error("useDialog must be used within a DialogProvider");
}
return context;
}