diff --git a/packages/desktop/src/controller/sockets.tsx b/packages/desktop/src/controller/sockets.tsx index 4ea564e..76bd09d 100644 --- a/packages/desktop/src/controller/sockets.tsx +++ b/packages/desktop/src/controller/sockets.tsx @@ -66,7 +66,7 @@ export default function useSocketData() { socket.on( SocketChannels.SEND_USER_STATUS_UPDATE, (userGoogleId: string, newStatus: UserStatus) => { - console.log("someone updated their status...hmmm"); + console.log(`${userGoogleId} updated their status...hmmm`); } ); diff --git a/packages/desktop/src/pages/Home/header/index.tsx b/packages/desktop/src/pages/Home/header/index.tsx index 1f55295..34544d5 100644 --- a/packages/desktop/src/pages/Home/header/index.tsx +++ b/packages/desktop/src/pages/Home/header/index.tsx @@ -5,8 +5,10 @@ import { useRecoilState, useSetRecoilState } from "recoil"; import { GlobalHotKeys } from "react-hotkeys"; import { STORE_ITEMS } from "../../../electron/constants"; +import SocketChannels from "@nirvana/core/sockets/channels"; import UserAvatarWithStatus from "../../../components/User/userAvatarWithStatus"; import { UserStatus } from "@nirvana/core/models"; +import { socket } from "../../../nirvanaApp"; import { useGetUserDetails } from "../../../controller/index"; import { useRef } from "react"; @@ -27,18 +29,28 @@ export default function Header() { setAuthTokens(null); }; - const updateStatus = (newStatus: UserStatus) => {}; + const updateStatus = (newStatus: UserStatus) => { + // send update in socket + socket.emit( + SocketChannels.SEND_USER_STATUS_UPDATE, + user.googleId, + newStatus + ); + }; + const ProfileMenu = ( - {user.status === UserStatus.online ? ( - ) : ( - )} @@ -70,7 +82,10 @@ export default function Header() { onChange={(e) => setSearchQuery(e.target.value)} /> -