seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

Refactor socket handling across components to support dual socket connections, enhancing data fetching capabilities and improving overall communication.

Browse Source
This commit is contained in:
seb
2025-07-03 05:36:41 +02:00
parent 1ed06804a0
commit 245f5067ed
19 changed files with 113 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Header.js
View File

@@ -37,7 +37,7 @@ class Header extends Component {
render() {
// Get socket directly from context in render method
const socket = this.context;
const {socket,socketB} = this.context;
const { isHomePage, isProfilePage } = this.props;
return (
@@ -77,7 +77,7 @@ class Header extends Component {
</Box>
</Container>
</Toolbar>
{(isHomePage || this.props.categoryId || isProfilePage) && <CategoryList categoryId={209} activeCategoryId={this.props.categoryId} socket={socket} />}
{(isHomePage || this.props.categoryId || isProfilePage) && <CategoryList categoryId={209} activeCategoryId={this.props.categoryId} socket={socket} socketB={socketB} />}
</AppBar>
);
}
@@ -91,7 +91,7 @@ const HeaderWithContext = (props) => {
return (
<SocketContext.Consumer>
{socket => <Header {...props} socket={socket} isHomePage={isHomePage} isProfilePage={isProfilePage} />}
{({socket,socketB}) => <Header {...props} socket={socket} socketB={socketB} isHomePage={isHomePage} isProfilePage={isProfilePage} />}
</SocketContext.Consumer>
);
};