Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Updated official themes to show installed/activated in AdminX

Browse source 
refs https://github.com/TryGhost/Team/issues/3432
This commit is contained in:
Jono Mingard 2023-06-14 15:59:42 +12:00
parent ae0989ebea
commit 899fd4d29c
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ghost/admin-x-settings/src/components/settings/site/ThemeModal.tsx
View file

@ -41,6 +41,8 @@ const ThemeToolbar: React.FC<ThemeToolbarProps> = ({
}) => { }) => {
const api = useApi(); const api = useApi();
if (selectedTheme) { if (selectedTheme) {
const installedTheme = themes.find(theme => theme.name.toLowerCase() === selectedTheme.name.toLowerCase());
return ( return (
<div className='sticky top-0 flex justify-between gap-3 bg-white p-5 px-7'> <div className='sticky top-0 flex justify-between gap-3 bg-white p-5 px-7'>
<div className='flex w-[33%] items-center gap-2'> <div className='flex w-[33%] items-center gap-2'>
@ -65,16 +67,17 @@ const ThemeToolbar: React.FC<ThemeToolbarProps> = ({
/> />
<Button <Button
color='green' color='green'
label={`Install ${selectedTheme?.name}`} disabled={Boolean(installedTheme)}
label={installedTheme?.active ? 'Activated' : (installedTheme ? 'Installed' : `Install ${selectedTheme?.name}`)}
onClick={async () => { onClick={async () => {
const data = await api.themes.install(selectedTheme.ref); const data = await api.themes.install(selectedTheme.ref);
const installedTheme = data.themes[0]; const newlyInstalledTheme = data.themes[0];
setThemes([ setThemes([
...themes.map(theme => ({...theme, active: false})), ...themes.map(theme => ({...theme, active: false})),
installedTheme newlyInstalledTheme
]); ]);
showToast({ showToast({
message: `Theme installed - ${installedTheme.name}` message: `Theme installed - ${newlyInstalledTheme.name}`
}); });
setCurrentTab('installed'); setCurrentTab('installed');
}} }}