1 files changed, 8 insertions, 3 deletions
diff --git a/client/components/home/_home.jsx b/client/components/home/_home.jsx
index 7ef051c..213d43e 100644
--- a/client/components/home/_home.jsx
+++ b/client/components/home/_home.jsx
@@ -5,13 +5,11 @@ import { AuthContext } from '../../utils/auth_context';
 import { RolesContext } from '../../utils/roles_context';
 import { Button } from '../common/button';
 import { Map } from '../map/_map';
-import { Ping } from './ping';
 
 export const Home = () => {
   const [, setAuthToken] = useContext(AuthContext);
   const api = useContext(ApiContext);
   const roles = useContext(RolesContext);
-
   const navigate = useNavigate();
 
   const [loading, setLoading] = useState(true);
@@ -29,6 +27,13 @@ export const Home = () => {
     }
   };
 
+  const joinRoom = async (id, userPosition) => {
+    const res = await api.get(`/chat_rooms/${id}/joinable?lat=${userPosition.lat}&lng=${userPosition.lng}`);
+    if (res) {
+      navigate(`/rooms/${id}`);
+    }
+  };
+
   if (loading) {
     return <div>Loading...</div>;
   }
@@ -46,7 +51,7 @@ export const Home = () => {
           </Button>
         )}
       </div>
-      <Map user={user} />
+      <Map user={user} joinRoom={joinRoom} />
     </>
   );
 };