fix animatedbk

This commit is contained in:
Crazypersonalph
2023-12-04 12:13:36 +08:00
parent 6b1efeff31
commit c52b217109
8 changed files with 43 additions and 20 deletions
+6 -5
View File
@@ -1,3 +1,4 @@
import browser from 'webextension-polyfill'
interface ThemeList {
themes: string[];
selectedTheme: string;
@@ -5,7 +6,7 @@ interface ThemeList {
export const downloadTheme = async (themeName: string, themeURL: string) => {
// send message to the background script
const response = await chrome.runtime.sendMessage({
const response = await browser.runtime.sendMessage({
type: 'currentTab',
info: 'DownloadTheme',
body: {
@@ -19,7 +20,7 @@ export const downloadTheme = async (themeName: string, themeURL: string) => {
export const setTheme = async (themeName: string, themeURL: string) => {
// send message to the background script
const response = await chrome.runtime.sendMessage({
const response = await browser.runtime.sendMessage({
type: 'currentTab',
info: 'SetTheme',
body: {
@@ -33,7 +34,7 @@ export const setTheme = async (themeName: string, themeURL: string) => {
export const listThemes = async () => {
// send message to the background script
const response: ThemeList = await chrome.runtime.sendMessage({
const response: ThemeList = await browser.runtime.sendMessage({
type: 'currentTab',
info: 'ListThemes'
});
@@ -45,14 +46,14 @@ export const listThemes = async () => {
}
export const disableTheme = async () => {
await chrome.runtime.sendMessage({
await browser.runtime.sendMessage({
type: 'currentTab',
info: 'DisableTheme',
});
};
export const deleteTheme = async (themeName: string) => {
await chrome.runtime.sendMessage({
await browser.runtime.sendMessage({
type: 'currentTab',
info: 'DeleteTheme',
body: {
+7 -6
View File
@@ -1,4 +1,4 @@
/*global chrome*/
import browser from 'webextension-polyfill'
import { useEffect, useMemo } from "react";
import { SettingsProps } from "../types/SettingsProps";
import { MainConfig, SettingsState } from "../types/AppProps";
@@ -12,7 +12,8 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
RanOnce = true;
// get the current settings state
chrome.storage.local.get(function(result: MainConfig) {
// @ts-expect-error idk js/ts wizardry
browser.storage.local.get().then().then(function(result: MainConfig) {
setSettingsState({
notificationCollector: result.notificationcollector,
lessonAlerts: result.lessonalert,
@@ -43,7 +44,7 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
"transparencyEffects": "transparencyEffects"
}), []);
const storageChangeListener = (changes: chrome.storage.StorageChange) => {
const storageChangeListener = (changes: browser.Storage.StorageChange) => {
for (const [key, { newValue }] of Object.entries(changes)) {
if (key === "DarkMode") {
if (key === "DarkMode" && newValue) {
@@ -66,14 +67,14 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
};
useEffect(() => {
chrome.storage.onChanged.addListener(storageChangeListener);
browser.storage.onChanged.addListener(storageChangeListener);
return () => {
chrome.storage.onChanged.removeListener(storageChangeListener);
browser.storage.onChanged.removeListener(storageChangeListener);
};
});
const setStorage = (key: keyof MainConfig, value: any) => {
chrome.storage.local.set({ [key]: value });
browser.storage.local.set({ [key]: value });
}
useEffect(() => {