diff --git a/src/interface/components/ThemeCover.tsx b/src/interface/components/ThemeCover.tsx index 3fd17e80..778c045d 100644 --- a/src/interface/components/ThemeCover.tsx +++ b/src/interface/components/ThemeCover.tsx @@ -2,7 +2,7 @@ import React, { useState } from 'react'; import { CustomTheme, DownloadedTheme } from '../types/CustomThemes'; import browser from 'webextension-polyfill'; import { ArrowUpOnSquareIcon, PencilIcon } from '@heroicons/react/24/outline'; -import { sendThemeUpdate } from '../hooks/ThemeManagment'; +import { sendThemeUpdate, setTheme } from '../hooks/ThemeManagment'; type ThemeCoverProps = { theme: Omit | DownloadedTheme; @@ -26,10 +26,11 @@ export const ThemeCover: React.FC = ({ if (isEditMode) return; if (downloaded) { await sendThemeUpdate(theme as DownloadedTheme, true) - browser.runtime.sendMessage({ + await browser.runtime.sendMessage({ type: 'DeleteDownloadedTheme', body: theme.id }) + setTheme(theme.id); } else { console.log(theme) onThemeSelect(theme.id); @@ -38,7 +39,14 @@ export const ThemeCover: React.FC = ({ const handleDeleteClick = (e: React.MouseEvent) => { e.stopPropagation(); - onThemeDelete(theme.id); + if (downloaded) { + browser.runtime.sendMessage({ + type: 'DeleteDownloadedTheme', + body: theme.id + }) + } else { + onThemeDelete(theme.id); + } }; const handleShareClick = (event: React.MouseEvent) => { diff --git a/src/seqta/ui/themes/setTheme.ts b/src/seqta/ui/themes/setTheme.ts index 8a4625e5..6c5df4cc 100644 --- a/src/seqta/ui/themes/setTheme.ts +++ b/src/seqta/ui/themes/setTheme.ts @@ -34,6 +34,7 @@ export const setTheme = async (themeId: string) => { originalSelectedColor: originalSelectedColor.selectedColor }); + browser.runtime.sendMessage({ type: 'extensionPages', info: 'themeChanged' }); } catch (error) { console.error('Error setting theme:', error); }