Added a session expired modal

2021-02-20 18:09:49 +11:00
parent 1f665674a4
commit 064ccbf65f
3 changed files with 57 additions and 0 deletions
@@ -0,0 +1,28 @@
+import React from "react";
+import { Box, Label, Flex, Button, Text } from "theme-ui";
+
+import Modal from "../components/Modal";
+
+function GameExpiredModal({ isOpen, onRequestClose }) {
+  return (
+    <Modal
+      isOpen={isOpen}
+      onRequestClose={onRequestClose}
+      style={{ maxWidth: "450px" }}
+    >
+      <Box>
+        <Label py={2}>Game Timed Out</Label>
+        <Text as="p" mb={2} variant="caption">
+          Reselect your map to pick up where you left off.
+        </Text>
+        <Flex py={2}>
+          <Button sx={{ flexGrow: 1 }} m={1} ml={0} onClick={onRequestClose}>
+            Ok
+          </Button>
+        </Flex>
+      </Box>
+    </Modal>
+  );
+}
+
+export default GameExpiredModal;