diff --git a/src/interface/pages/themeCreator.svelte b/src/interface/pages/themeCreator.svelte index d200bd45..382a1948 100644 --- a/src/interface/pages/themeCreator.svelte +++ b/src/interface/pages/themeCreator.svelte @@ -73,10 +73,8 @@ const loadedTheme = { ...tempTheme, CustomImages: tempTheme.CustomImages.map(image => ({ - ...image, - url: image.blob ? URL.createObjectURL(image.blob) : null - })), - coverImageUrl: tempTheme.coverImage ? URL.createObjectURL(tempTheme.coverImage) : undefined + ...image + })) } if (tempTheme) { @@ -210,7 +208,7 @@ {#each theme.CustomImages as image (image.id)}
- {image.variableName} + {image.variableName}
- Cover + Cover {/if} diff --git a/src/interface/utils/themeImageHandlers.ts b/src/interface/utils/themeImageHandlers.ts index 977d02ff..254ca567 100644 --- a/src/interface/utils/themeImageHandlers.ts +++ b/src/interface/utils/themeImageHandlers.ts @@ -17,7 +17,7 @@ export function handleImageUpload(event: Event, theme: LoadedCustomTheme): Promi const variableName = `custom-image-${theme.CustomImages.length}`; resolve({ ...theme, - CustomImages: [...theme.CustomImages, { id: imageId, blob: imageBlob, variableName, url: URL.createObjectURL(imageBlob) }], + CustomImages: [...theme.CustomImages, { id: imageId, blob: imageBlob, variableName, url: null }], }); }; reader.readAsDataURL(file); @@ -51,7 +51,7 @@ export function handleCoverImageUpload(event: Event, theme: LoadedCustomTheme): const reader = new FileReader(); reader.onload = async () => { const imageBlob = await fetch(reader.result as string).then(res => res.blob()); - resolve({ ...theme, coverImage: imageBlob, coverImageUrl: URL.createObjectURL(imageBlob) }); + resolve({ ...theme, coverImage: imageBlob }); }; reader.readAsDataURL(file); }); diff --git a/src/types/CustomThemes.ts b/src/types/CustomThemes.ts index 79990f56..00202ede 100644 --- a/src/types/CustomThemes.ts +++ b/src/types/CustomThemes.ts @@ -20,9 +20,7 @@ export type LoadedCustomTheme = CustomTheme & { id: string; blob: Blob; variableName: string; - url: string | null; }[]; - coverImageUrl?: string; }; export type DownloadedTheme = CustomTheme & {