Add clear cache button
This commit is contained in:
parent
87952491f0
commit
fa800d81bb
@ -1,11 +1,14 @@
|
||||
import React, { useState } from "react";
|
||||
import React, { useState, useContext } from "react";
|
||||
import { Box, Label, Flex, Button, useColorMode, Checkbox } from "theme-ui";
|
||||
|
||||
import Modal from "../components/Modal";
|
||||
|
||||
import AuthContext from "../contexts/AuthContext";
|
||||
|
||||
import db from "../database";
|
||||
|
||||
function SettingsModal({ isOpen, onRequestClose }) {
|
||||
const { userId } = useContext(AuthContext);
|
||||
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
|
||||
|
||||
async function handleEraseAllData() {
|
||||
@ -13,6 +16,12 @@ function SettingsModal({ isOpen, onRequestClose }) {
|
||||
window.location.reload();
|
||||
}
|
||||
|
||||
async function handleClearCache() {
|
||||
await db.table("maps").where("owner").notEqual(userId).delete();
|
||||
// TODO: With custom tokens look up all tokens that aren't being used in a state
|
||||
window.location.reload();
|
||||
}
|
||||
|
||||
const [colorMode, setColorMode] = useColorMode();
|
||||
|
||||
return (
|
||||
@ -30,6 +39,11 @@ function SettingsModal({ isOpen, onRequestClose }) {
|
||||
pl={1}
|
||||
/>
|
||||
</Label>
|
||||
<Flex py={2}>
|
||||
<Button sx={{ flexGrow: 1 }} onClick={handleClearCache}>
|
||||
Clear cache
|
||||
</Button>
|
||||
</Flex>
|
||||
<Flex py={2}>
|
||||
<Button
|
||||
sx={{ flexGrow: 1 }}
|
||||
|
Loading…
Reference in New Issue
Block a user