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

Fix bug with cleaned up assets not reloading

Browse Source
This commit is contained in:
Mitchell McCaffrey 2021-06-25 20:38:52 +10:00
parent 8b1d208a72
commit 90aa43dbf0
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/contexts/AssetsContext.js
View File

@ -132,18 +132,21 @@ export function AssetURLsProvider({ children }) {
const { database } = useDatabase();
// Keep track of when the asset keys change so we can update the URLs
const [assetKeys, setAssetKeys] = useState(new Set());
const [assetKeys, setAssetKeys] = useState([]);
useEffect(() => {
const keys = Object.keys(assetURLs);
let newKeys = keys.filter((key) => !assetKeys.has(key));
if (newKeys.length > 0) {
setAssetKeys((prevKeys) => new Set([...prevKeys, ...newKeys]));
let newKeys = keys.filter((key) => !assetKeys.includes(key));
let deletedKeys = assetKeys.filter((key) => !keys.includes(key));
if (newKeys.length > 0 || deletedKeys.length > 0) {
setAssetKeys((prevKeys) =>
[...prevKeys, ...newKeys].filter((key) => !deletedKeys.includes(key))
);
}
}, [assetURLs, assetKeys]);
// Get the new assets whenever the keys change
const assets = useLiveQuery(
() => database?.table("assets").where(":id").anyOf(assetKeys).toArray(),
() => database?.table("assets").where("id").anyOf(assetKeys).toArray(),
[database, assetKeys]
);
@ -155,10 +158,13 @@ export function AssetURLsProvider({ children }) {
setAssetURLs((prevURLs) => {
let newURLs = { ...prevURLs };
for (let asset of assets) {
if (!newURLs[asset.id].url) {
newURLs[asset.id].url = URL.createObjectURL(
if (newURLs[asset.id].url === null) {
newURLs[asset.id] = {
...newURLs[asset.id],
url: URL.createObjectURL(
new Blob([asset.file], { type: asset.mime })
);
),
};
}
}
return newURLs;
@ -213,8 +219,6 @@ export function useAssetURL(assetId, type, defaultSources, unknownSource) {
throw new Error("useAssetURL must be used within a AssetURLsProvider");
}
const { getAsset } = useAssets();
useEffect(() => {
if (!assetId || type !== "file") {
return;
@ -265,7 +269,7 @@ export function useAssetURL(assetId, type, defaultSources, unknownSource) {
}
});
};
}, [assetId, setAssetURLs, getAsset, type]);
}, [assetId, setAssetURLs, type]);
if (!assetId) {
return unknownSource;