import React, {useEffect, useState} from 'react';
import './App.css';
import logo from "./via-logo.svg"
import {Row} from "antd"
import socket, { emit } from "./util/socket";
import NextShot from "./components/NextShot";
import ShotsTaken from "./components/ShotsTaken";
import Feed from "./components/Feed";
import Lobby from "./components/Lobby";
const App = () => {
const [connected, setConnected] = useState(false);
const [lobbyId, setLobbyId] = useState(null);
useEffect(() => {
socket.on('welcome', async (obj: any) => {
setLobbyId(obj.lobby.name);
setConnected(true);
});
return () => {
socket.off("SENDING_NEW_TIME");
socket.off("welcome");
}
});
const gameContent = (
);
const lobbyContent = (
);
const content = lobbyContent;
return (
<>
>
);
};
export default App;