mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-12 04:18:54 +00:00
fix: workspace image flickering (#1247)
This commit is contained in:
@@ -22,9 +22,16 @@ export function useWorkspaceBlobImage(
|
|||||||
const blobStorage = useWorkspaceBlob(blockSuiteWorkspace);
|
const blobStorage = useWorkspaceBlob(blockSuiteWorkspace);
|
||||||
const [imageURL, setImageURL] = useState<string | null>(null);
|
const [imageURL, setImageURL] = useState<string | null>(null);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
const controller = new AbortController();
|
||||||
blobStorage?.get(key).then(blob => {
|
blobStorage?.get(key).then(blob => {
|
||||||
|
if (controller.signal.aborted) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
setImageURL(blob);
|
setImageURL(blob);
|
||||||
});
|
});
|
||||||
|
return () => {
|
||||||
|
controller.abort();
|
||||||
|
};
|
||||||
}, [blobStorage, key]);
|
}, [blobStorage, key]);
|
||||||
return imageURL;
|
return imageURL;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user