diff --git a/src/components/DatabaseDisabledMessage.tsx b/src/components/DatabaseDisabledMessage.tsx
new file mode 100644
index 0000000..0a99b79
--- /dev/null
+++ b/src/components/DatabaseDisabledMessage.tsx
@@ -0,0 +1,24 @@
+import { Box, Text } from "theme-ui";
+
+import Link from "./Link";
+
+function DatabaseDisabledMessage({ type }: { type: string }) {
+ return (
+
+
+ {type} saving is unavailable. See FAQ{" "}
+ for more information.
+
+
+ );
+}
+
+export default DatabaseDisabledMessage;
diff --git a/src/modals/SelectMapModal.tsx b/src/modals/SelectMapModal.tsx
index 1f5189b..b46a435 100644
--- a/src/modals/SelectMapModal.tsx
+++ b/src/modals/SelectMapModal.tsx
@@ -8,6 +8,7 @@ import ConfirmModal from "./ConfirmModal";
import Modal from "../components/Modal";
import LoadingOverlay from "../components/LoadingOverlay";
+import DatabaseDisabledMessage from "../components/DatabaseDisabledMessage";
import ImageDrop from "../components/image/ImageDrop";
@@ -29,6 +30,7 @@ import { useUserId } from "../contexts/UserIdContext";
import { useAssets } from "../contexts/AssetsContext";
import { GroupProvider } from "../contexts/GroupContext";
import { TileDragProvider } from "../contexts/TileDragContext";
+import { useDatabase } from "../contexts/DatabaseContext";
import { Map } from "../types/Map";
import {
@@ -55,6 +57,8 @@ function SelectMapModal({
}: SelectMapProps) {
const { addToast } = useToasts();
+ const { databaseStatus } = useDatabase();
+
const userId = useUserId();
const {
maps,
@@ -274,6 +278,9 @@ function SelectMapModal({
onDragCancel={() => setIsDraggingMap(false)}
>
+ {databaseStatus === "disabled" && (
+
+ )}
setIsDraggingToken(false)}
>
+ {databaseStatus === "disabled" && (
+
+ )}