Add visual indicator when in collaborative session

NIAEFEUP · Dec 30, 2024 · 825e6e4 · 825e6e4
1 parent 0b0337f
commit 825e6e4
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/src/components/planner/sidebar/sessionController/CollabModal.tsx b/src/components/planner/sidebar/sessionController/CollabModal.tsx
@@ -60,6 +60,7 @@ const CollabModal = ({ isOpen, closeModal }: Props) => {
   const handleExitSession = () => {
     sessionsSocket.disconnect();
     toast({ title: 'Sessão abandonada', description: 'Podes voltar a ela mais tarde, ou iniciar/entrar noutra sessão.'});
+    setCurrentSessionId(null);
     setCurrentView(PICK_SESSION);
   };
 

diff --git a/src/components/planner/sidebar/sessionController/CollaborativeSession.tsx b/src/components/planner/sidebar/sessionController/CollaborativeSession.tsx
@@ -39,7 +39,7 @@ const CollaborativeSession = () => {
   return (
     <CollabSessionContext.Provider value={{ sessions, setSessions, currentSessionId, setCurrentSessionId }}>
       <div>
-        <Button variant="icon" className="bg-primary" onClick={openModal}>
+        <Button variant="icon" className={!currentSessionId ? "bg-primary" : "bg-green-600"} onClick={openModal}>
           <UsersIcon className="h-5 w-5" />
         </Button>
 

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,10 +1,34 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
+import './api/socket'
+import { sessionsSocket } from './api/socket'
 
 const strictMode = false
 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
 
+// sessionsSocket.connect();
+
+// sessionsSocket.on('connected', data => {
+//   console.log('Connected to sessions socket');
+//   console.log(data);
+// });
+
+// sessionsSocket.onAny((event, data) => {
+//   console.log('Received event from sessions socket');
+//   console.log(event);
+//   console.log(data);
+// })
+
+// sessionsSocket.on('disconnect', data => {
+//   console.log('Disconnected from sessions socket');
+//   console.log(data);
+// });
+
+// setTimeout(() => {
+//   sessionsSocket.emit('test', 'Hello, world!');
+// });
+
 root.render(strictMode
   ?
   <React.StrictMode>