Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "Add maintenance modal"

Browse Source 
This reverts commit 5e70df10c2.
This commit is contained in:
Nicola Thouliss 2021-09-05 14:08:25 +10:00
parent b4fc6b42a5
commit a5f69bd9e1
3 changed files with 44 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/modals/MaintenanceModal.tsx
View File

@ -1,34 +0,0 @@
import { Box, Label, Flex, Button, Text } from "theme-ui";
import Modal from "../components/Modal";
import { RequestCloseEventHandler } from "../types/Events";
type MaintenanceModalProps = {
isOpen: boolean;
onRequestClose: RequestCloseEventHandler;
};
function MaintenanceModal({ isOpen, onRequestClose }: MaintenanceModalProps) {
return (
<Modal
isOpen={isOpen}
onRequestClose={onRequestClose}
style={{ content: { maxWidth: "450px" } }}
>
<Box>
<Label py={2}>Site under maintenance</Label>
<Text as="p" mb={2} variant="caption">
Continue offline?
</Text>
<Flex py={2}>
<Button sx={{ flexGrow: 1 }} m={1} ml={0} onClick={onRequestClose}>
Ok
</Button>
</Flex>
</Box>
</Modal>
);
}
export default MaintenanceModal;

68
src/network/Session.ts
View File

@ -1,6 +1,5 @@
// import io, { Socket } from "socket.io-client"; import io, { Socket } from "socket.io-client";
// import msgParser from "socket.io-msgpack-parser"; import msgParser from "socket.io-msgpack-parser";
import { Socket } from "socket.io-client";
import { EventEmitter } from "events"; import { EventEmitter } from "events";
import Connection, { DataProgressEvent } from "./Connection"; import Connection, { DataProgressEvent } from "./Connection";
@ -66,41 +65,40 @@ class Session extends EventEmitter {
* Connect to the websocket * Connect to the websocket
*/ */
async connect() { async connect() {
this.emit("status", "offline"); try {
// try { if (!process.env.REACT_APP_ICE_SERVERS_URL) {
// if (!process.env.REACT_APP_ICE_SERVERS_URL) { return;
// return; }
// } const response = await fetch(process.env.REACT_APP_ICE_SERVERS_URL);
// const response = await fetch(process.env.REACT_APP_ICE_SERVERS_URL); if (!response.ok) {
// if (!response.ok) { throw Error("Unable to fetch ICE servers");
// throw Error("Unable to fetch ICE servers"); }
// } const data = await response.json();
// const data = await response.json(); this._iceServers = data.iceServers;
// this._iceServers = data.iceServers;
// if (!process.env.REACT_APP_BROKER_URL) { if (!process.env.REACT_APP_BROKER_URL) {
// return; return;
// } }
// this.socket = io(process.env.REACT_APP_BROKER_URL, { this.socket = io(process.env.REACT_APP_BROKER_URL, {
// withCredentials: true, withCredentials: true,
// parser: msgParser, parser: msgParser,
// }); });
// this.socket.on("player_joined", this._handlePlayerJoined.bind(this)); this.socket.on("player_joined", this._handlePlayerJoined.bind(this));
// this.socket.on("player_left", this._handlePlayerLeft.bind(this)); this.socket.on("player_left", this._handlePlayerLeft.bind(this));
// this.socket.on("joined_game", this._handleJoinedGame.bind(this)); this.socket.on("joined_game", this._handleJoinedGame.bind(this));
// this.socket.on("signal", this._handleSignal.bind(this)); this.socket.on("signal", this._handleSignal.bind(this));
// this.socket.on("auth_error", this._handleAuthError.bind(this)); this.socket.on("auth_error", this._handleAuthError.bind(this));
// this.socket.on("game_expired", this._handleGameExpired.bind(this)); this.socket.on("game_expired", this._handleGameExpired.bind(this));
// this.socket.on("disconnect", this._handleSocketDisconnect.bind(this)); this.socket.on("disconnect", this._handleSocketDisconnect.bind(this));
// this.socket.io.on("reconnect", this._handleSocketReconnect.bind(this)); this.socket.io.on("reconnect", this._handleSocketReconnect.bind(this));
// this.socket.on("force_update", this._handleForceUpdate.bind(this)); this.socket.on("force_update", this._handleForceUpdate.bind(this));
// this.emit("status", "ready"); this.emit("status", "ready");
// } catch (error) { } catch (error) {
// logError(error); logError(error);
// this.emit("status", "offline"); this.emit("status", "offline");
// } }
} }
disconnect() { disconnect() {

29
src/routes/Game.tsx
View File

@ -29,7 +29,6 @@ import NetworkedMapAndTokens from "../network/NetworkedMapAndTokens";
import NetworkedParty from "../network/NetworkedParty"; import NetworkedParty from "../network/NetworkedParty";
import Session, { PeerErrorEvent, SessionStatus } from "../network/Session"; import Session, { PeerErrorEvent, SessionStatus } from "../network/Session";
import MaintenanceModal from "../modals/MaintenanceModal";
function Game() { function Game() {
const { id: gameId }: { id: string } = useParams(); const { id: gameId }: { id: string } = useParams();
@ -39,6 +38,17 @@ function Game() {
const [session] = useState(new Session()); const [session] = useState(new Session());
const [sessionStatus, setSessionStatus] = useState<SessionStatus>(); const [sessionStatus, setSessionStatus] = useState<SessionStatus>();
useEffect(() => {
async function connect() {
await session.connect();
}
connect();
return () => {
session.disconnect();
};
}, [session]);
// Handle session errors // Handle session errors
const [peerError, setPeerError] = useState<string | null>(null); const [peerError, setPeerError] = useState<string | null>(null);
useEffect(() => { useEffect(() => {
@ -80,8 +90,6 @@ function Game() {
}; };
}, [session]); }, [session]);
const [maintenance, setMaintenance] = useState(true);
// Join game // Join game
useEffect(() => { useEffect(() => {
if ( if (
@ -98,17 +106,6 @@ function Game() {
} }
} }
useEffect(() => {
async function connect() {
await session.connect();
}
connect();
return () => {
session.disconnect();
};
}, [session]);
// A ref to the Konva stage // A ref to the Konva stage
// the ref will be assigned in the MapInteraction component // the ref will be assigned in the MapInteraction component
const mapStageRef = useRef<Konva.Stage | null>(null); const mapStageRef = useRef<Konva.Stage | null>(null);
@ -158,10 +155,6 @@ function Game() {
<ForceUpdateModal <ForceUpdateModal
isOpen={sessionStatus === "needs_update"} isOpen={sessionStatus === "needs_update"}
/> />
<MaintenanceModal
isOpen={maintenance}
onRequestClose={() => setMaintenance(false)}
/>
{!sessionStatus && <LoadingOverlay />} {!sessionStatus && <LoadingOverlay />}
{sessionStatus && databaseStatus === "upgrading" && ( {sessionStatus && databaseStatus === "upgrading" && (
<UpgradingLoadingOverlay /> <UpgradingLoadingOverlay />