|
|
@ -42,7 +42,7 @@ function Lobbies() {
|
|
|
|
|
|
|
|
|
|
|
|
const [showAvailable, setShowAvailable] = useState(true);
|
|
|
|
const [showAvailable, setShowAvailable] = useState(true);
|
|
|
|
|
|
|
|
|
|
|
|
const [cptNavigation, setCptNavigation] = useState(0);
|
|
|
|
const [cptNavigation, setCptNavigation] = useState(0);
|
|
|
|
|
|
|
|
|
|
|
|
const handleShowAllClick = () => {
|
|
|
|
const handleShowAllClick = () => {
|
|
|
|
setShowAvailable(false);
|
|
|
|
setShowAvailable(false);
|
|
|
@ -56,10 +56,9 @@ function Lobbies() {
|
|
|
|
setFirst(false);
|
|
|
|
setFirst(false);
|
|
|
|
socket.emit("request lobbies");
|
|
|
|
socket.emit("request lobbies");
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const handleSetCptNavigation = () => {
|
|
|
|
const handleSetCptNavigation = () => {
|
|
|
|
setCptNavigation((prevCpt) => prevCpt + 1);
|
|
|
|
setCptNavigation((prevCpt) => prevCpt + 1);
|
|
|
|
const navigationType = useNavigationType();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (cptNavigation % 2 === 0 && navigationType.toString() === "POP") {
|
|
|
|
if (cptNavigation % 2 === 0 && navigationType.toString() === "POP") {
|
|
|
|
socket.emit("player quit");
|
|
|
|
socket.emit("player quit");
|
|
|
@ -73,25 +72,25 @@ function Lobbies() {
|
|
|
|
const filteredLobbiesToShow = showAvailable
|
|
|
|
const filteredLobbiesToShow = showAvailable
|
|
|
|
? filteredLobbies.filter((lobby) => lobby.started == false && lobby.nbPlayer < 6) //* retire les lobbies pleins ou commencés
|
|
|
|
? filteredLobbies.filter((lobby) => lobby.started == false && lobby.nbPlayer < 6) //* retire les lobbies pleins ou commencés
|
|
|
|
: filteredLobbies;
|
|
|
|
: filteredLobbies;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const setFirstData = (first: boolean) => {
|
|
|
|
const setFirstData = (first: boolean) => {
|
|
|
|
setFirst(first)
|
|
|
|
setFirst(first)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const navigationType = useNavigationType()
|
|
|
|
const navigationType = useNavigationType();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handleSetCptNavigation();
|
|
|
|
handleSetCptNavigation();
|
|
|
|
|
|
|
|
|
|
|
|
if (first){
|
|
|
|
if (first){
|
|
|
|
handleSetFirst();
|
|
|
|
handleSetFirst();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
socket.on("request lobbies", (map) => {
|
|
|
|
socket.on("request lobbies", (map) => {
|
|
|
|
const jsonMap = JSON.parse(map)
|
|
|
|
const jsonMap = JSON.parse(map)
|
|
|
|