Fixes : Upon logging out user was still connected to that room. Fixed that

Author: theadityachoudhury

Diff for: client/src/Components/Header.tsx

@@ -7,6 +7,7 @@ import Runner from './Tabs/Runner';
 import UsersList from './Tabs/UsersList';
 import UserChat from './Tabs/UserChat';
 import ProfilePage from './Tabs/Profile';
+import { useRoom } from '../context/RoomProvider';
 
 enum Tab {
     Files = 'files',
@@ -18,6 +19,7 @@ enum Tab {
 
 const Header: React.FC = () => {
     const { logout } = useUserContext();
+    const { leaveRoom } = useRoom();
     const [activeTab, setActiveTab] = useState<Tab>(Tab.Files);
     const iconSize = 20;
     const { files, setActiveFile, activeFile, handleRenameFile, deleteFile, renamingFileId, newFileName, setRenamingFileId, handleAddFile, setNewFileName } = useFiles();
@@ -75,7 +77,10 @@ const Header: React.FC = () => {
                         <div onClick={() => setActiveTab(Tab.Profile)} className='space-x-2 cursor-pointer' title='Profile'>
                             <User size={iconSize} />
                         </div>
-                        <div onClick={logout} className='space-x-2 cursor-pointer' title='Logout'>
+                        <div onClick={() => {
+                            leaveRoom();
+                            logout();
+                        }} className='space-x-2 cursor-pointer' title='Logout'>
                             <LogOut size={iconSize} />
                         </div>
                     </div>

Diff for: client/src/context/RoomProvider.tsx

@@ -29,6 +29,7 @@ type RoomContextType = {
     currentRoom: string | null;
     createRoom: () => void;
     joinRoom: (roomId: string) => void;
+    leaveRoom: () => void;
     deleteRoom: (roomId: string) => void;
     isValidRoom: (roomId: string) => Promise<boolean>;
     usersInRoom: UserInRoom[];
@@ -117,6 +118,12 @@ export const RoomProvider: React.FC<{ children: React.ReactNode }> = ({ children
         });
     };
 
+    const leaveRoom = () => {
+        socket.emit('leaveRoom', {currentRoom});
+        setInRoom(false);
+        setCurrentRoom(null);
+    }
+
     const deleteRoom = async (roomId: string) => {
         try {
             const { data } = await instance.delete(`/api/code/room/${roomId}`);
@@ -151,6 +158,7 @@ export const RoomProvider: React.FC<{ children: React.ReactNode }> = ({ children
         deleteRoom,
         isValidRoom,
         usersInRoom,
+        leaveRoom
     };
 
     return <RoomContext.Provider value={value}>{children}</RoomContext.Provider>;