Fix selectMapButton name and a bug with deleting a map that isn't the current one

src/components/map/SelectMapButton.js

@@ -0,0 +1,41 @@
+import React, { useState } from "react";
+import { IconButton } from "theme-ui";
+
+import SelectMapModal from "../../modals/SelectMapModal";
+import SelectMapIcon from "../../icons/SelectMapIcon";
+
+function SelectMapButton({ onMapChange, onMapStateChange, currentMap }) {
+  const [isAddModalOpen, setIsAddModalOpen] = useState(false);
+  function openModal() {
+    setIsAddModalOpen(true);
+  }
+  function closeModal() {
+    setIsAddModalOpen(false);
+  }
+
+  function handleDone() {
+    closeModal();
+  }
+
+  return (
+    <>
+      <IconButton
+        aria-label="Select Map"
+        title="Select Map"
+        onClick={openModal}
+      >
+        <SelectMapIcon />
+      </IconButton>
+      <SelectMapModal
+        isOpen={isAddModalOpen}
+        onRequestClose={closeModal}
+        onDone={handleDone}
+        onMapChange={onMapChange}
+        onMapStateChange={onMapStateChange}
+        currentMap={currentMap}
+      />
+    </>
+  );
+}
+
+export default SelectMapButton;