revenge-mod/Revenge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[UI > ThemeCard] Allow manually refetching theme

Browse source
This commit is contained in:
Beef 2023-03-19 18:52:17 +00:00
parent f4fd8328b5
commit e1e8012e60
1 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/ui/settings/components/ThemeCard.tsx
View file

@ -1,6 +1,6 @@
import { ButtonColors, Theme } from "@types"; import { ButtonColors, Theme } from "@types";
import { clipboard } from "@metro/common"; import { ReactNative as RN, clipboard } from "@metro/common";
import { removeTheme, selectTheme } from "@lib/themes"; import { fetchTheme, removeTheme, selectTheme } from "@lib/themes";
import { getAssetIDByName } from "@ui/assets"; import { getAssetIDByName } from "@ui/assets";
import { showConfirmationAlert } from "@ui/alerts"; import { showConfirmationAlert } from "@ui/alerts";
import { showToast } from "@ui/toasts"; import { showToast } from "@ui/toasts";
@ -13,7 +13,7 @@ interface ThemeCardProps {
async function selectAndReload(value: boolean, id: string) { async function selectAndReload(value: boolean, id: string) {
await selectTheme(value ? id : "default"); await selectTheme(value ? id : "default");
window.nativeModuleProxy.BundleUpdaterManager.reload(); RN.NativeModules.BundleUpdaterManager.reload();
} }
export default function ThemeCard({ theme, index }: ThemeCardProps) { export default function ThemeCard({ theme, index }: ThemeCardProps) {
@ -47,9 +47,9 @@ export default function ThemeCard({ theme, index }: ThemeCardProps) {
removeTheme(theme.id).then((wasSelected) => { removeTheme(theme.id).then((wasSelected) => {
setRemoved(true); setRemoved(true);
if (wasSelected) selectAndReload(false, theme.id); if (wasSelected) selectAndReload(false, theme.id);
}).catch((e) => { }).catch((e: Error) => {
showToast((e as Error).message, getAssetIDByName("Small")); showToast(e.message, getAssetIDByName("Small"));
}) });
} }
}), }),
}, },
@ -60,6 +60,27 @@ export default function ThemeCard({ theme, index }: ThemeCardProps) {
showToast("Copied theme URL to clipboard.", getAssetIDByName("toast_copy_link")); showToast("Copied theme URL to clipboard.", getAssetIDByName("toast_copy_link"));
}, },
}, },
{
icon: "ic_sync_24px",
onPress: () => {
fetchTheme(theme.id).then(() => {
if (theme.selected) {
showConfirmationAlert({
title: "Theme refetched",
content: "A reload is required to see the changes. Do you want to reload now?",
confirmText: "Reload",
cancelText: "Cancel",
confirmColor: ButtonColors.RED,
onConfirm: () => RN.NativeModules.BundleUpdaterManager.reload(),
})
} else {
showToast("Successfully refetched theme.", getAssetIDByName("toast_image_saved"));
}
}).catch(() => {
showToast("Failed to refetch theme!", getAssetIDByName("Small"));
});
},
},
]} ]}
/> />
) )