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

Added check for storage estimate available

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-11-27 19:36:44 +11:00
parent 5f572ff10d
commit 951c515334
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/modals/SettingsModal.js
View File

@ -25,13 +25,10 @@ function SettingsModal({ isOpen, onRequestClose }) {
const { userId } = useContext(AuthContext);
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
const [labelSize, setLabelSize] = useSetting("map.labelSize");
const [storageEstimate, setStorageEstimate] = useState({
usage: 0,
quota: 0,
});
const [storageEstimate, setStorageEstimate] = useState();
useEffect(() => {
if (isOpen) {
if (isOpen && navigator.storage) {
navigator.storage.estimate().then(setStorageEstimate);
}
}, [isOpen]);
@ -115,17 +112,19 @@ function SettingsModal({ isOpen, onRequestClose }) {
Erase all content and reset
</Button>
</Flex>
<Flex sx={{ justifyContent: "center" }}>
<Text variant="caption">
Storage Used: {prettyBytes(storageEstimate.usage)} of{" "}
{prettyBytes(storageEstimate.quota)} (
{Math.round(
(storageEstimate.usage / Math.max(storageEstimate.quota, 1)) *
100
)}
%)
</Text>
</Flex>
{storageEstimate && (
<Flex sx={{ justifyContent: "center" }}>
<Text variant="caption">
Storage Used: {prettyBytes(storageEstimate.usage)} of{" "}
{prettyBytes(storageEstimate.quota)} (
{Math.round(
(storageEstimate.usage / Math.max(storageEstimate.quota, 1)) *
100
)}
%)
</Text>
</Flex>
)}
</Flex>
</Modal>
<ConfirmModal