diff --git a/src/interface/pages/Store.tsx b/src/interface/pages/Store.tsx index 849c2e28..7ec4817b 100644 --- a/src/interface/pages/Store.tsx +++ b/src/interface/pages/Store.tsx @@ -221,19 +221,33 @@ const Store = () => { {displayTheme.description} - downloadTheme(displayTheme.id)} - className="flex px-4 py-2 mt-4 ml-auto rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200 focus:outline-none focus:ring-2 focus:ring-zinc-800 focus:ring-offset-2" - variants={textVariants} - > - { installingThemes.includes(displayTheme.id) ? - <> - - Installing... - : - <> Install - } - + { + currentThemes.includes(displayTheme.id) ? + removeTheme(displayTheme.id)} + className="flex px-4 py-2 mt-4 ml-auto rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200 focus:outline-none focus:ring-2 focus:ring-zinc-800 focus:ring-offset-2"> + { installingThemes.includes(displayTheme.id) ? + <> + + Removing... + : + <> Remove + } + : + downloadTheme(displayTheme.id)} + className="flex px-4 py-2 mt-4 ml-auto rounded-full dark:text-white bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600/50 hover:bg-zinc-200 focus:outline-none focus:ring-2 focus:ring-zinc-800 focus:ring-offset-2"> + { installingThemes.includes(displayTheme.id) ? + <> + + Installing... + : + <> Install + } + + }