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

Refactor socket context usage in CategoryBox, SearchBar, and Home components for improved clarity and consistency in data fetching.

Browse Source
This commit is contained in:
seb
2025-07-03 05:55:36 +02:00
parent 245f5067ed
commit e4d077e402
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/CategoryBox.js
View File

@@ -22,7 +22,7 @@ const CategoryBox = ({
const [imageUrl, setImageUrl] = useState(null);
const [imageError, setImageError] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const {socket} = useContext(SocketContext);
const context = useContext(SocketContext);
useEffect(() => {
let objectUrl = null;
@@ -61,10 +61,10 @@ const CategoryBox = ({
}
// If socket is available and connected, fetch the image
if (socket && socket.connected && id && !isLoading) {
if (context && context.socket && context.socket.connected && id && !isLoading) {
setIsLoading(true);
socket.emit('getCategoryPic', { categoryId: id }, (response) => {
context.socket.emit('getCategoryPic', { categoryId: id }, (response) => {
setIsLoading(false);
if (response.success) {
@@ -119,7 +119,7 @@ const CategoryBox = ({
URL.revokeObjectURL(objectUrl);
}
};
}, [socket, socket?.connected, id, isLoading]);
}, [context, context?.socket?.connected, id, isLoading]);
return (
<Paper