diff --git a/src/interface/components/BackgroundSelector.tsx b/src/interface/components/BackgroundSelector.tsx index 37bf2baa..4d1765cc 100644 --- a/src/interface/components/BackgroundSelector.tsx +++ b/src/interface/components/BackgroundSelector.tsx @@ -67,6 +67,17 @@ function BackgroundSelector({ selectedType, setSelectedType, isEditMode }: Backg const handlePresetClick = async (bg: Background): Promise => { if (bg.isPreset) { + // Check if indexed DB is accessible or whether cross site cookies blocks it + try { + await openDB(); + } catch (error) { + // @ts-expect-error - Brave is not in the navigator type (unless you are actually using brave browser, then it is there) + if (navigator.brave && await navigator.brave.isBrave() || false) { + alert('Brave browser is blocking access to IndexedDB. Please disable the "Cross-site cookies blocked" setting in the Shields panel.'); + } + return; + } + // Check if already exists in IndexedDB or is currently being downloaded const existingBackgrounds = await readAllData(); const alreadyExists = existingBackgrounds.some(ebg => ebg.id === bg.id) || downloadProgress[bg.id] !== undefined; @@ -124,8 +135,10 @@ function BackgroundSelector({ selectedType, setSelectedType, isEditMode }: Backg return ( <> -

Background Images

diff --git a/src/resources/brave.png b/src/resources/brave.png new file mode 100644 index 00000000..e0895b45 Binary files /dev/null and b/src/resources/brave.png differ