bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ThemeEditor: restore default theme

Browse source
This commit is contained in:
Alex Gleason 2022-12-17 20:48:02 -06:00
parent 716cc311c7
commit ab70af31cd
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/soapbox/features/theme-editor/index.tsx
View file

@ -18,6 +18,7 @@ import Palette, { ColorGroup } from './components/palette';
const messages = defineMessages({ const messages = defineMessages({
title: { id: 'admin.theme.title', defaultMessage: 'Theme' }, title: { id: 'admin.theme.title', defaultMessage: 'Theme' },
saved: { id: 'theme_editor.saved', defaultMessage: 'Theme updated!' }, saved: { id: 'theme_editor.saved', defaultMessage: 'Theme updated!' },
restore: { id: 'theme_editor.restore', defaultMessage: 'Restore default theme' },
export: { id: 'theme_editor.export', defaultMessage: 'Export theme' }, export: { id: 'theme_editor.export', defaultMessage: 'Export theme' },
import: { id: 'theme_editor.import', defaultMessage: 'Import theme' }, import: { id: 'theme_editor.import', defaultMessage: 'Import theme' },
importSuccess: { id: 'theme_editor.import_success', defaultMessage: 'Theme was successfully imported!' }, importSuccess: { id: 'theme_editor.import_success', defaultMessage: 'Theme was successfully imported!' },
@ -53,9 +54,13 @@ const ThemeEditor: React.FC<IThemeEditor> = () => {
}; };
}; };
const resetTheme = () => { const setTheme = (theme: any) => {
setResetKey(uuidv4()); setResetKey(uuidv4());
setTimeout(() => setColors(soapbox.colors.toJS() as any)); setTimeout(() => setColors(theme));
};
const resetTheme = () => {
setTheme(soapbox.colors.toJS() as any);
}; };
const updateTheme = async () => { const updateTheme = async () => {
@ -63,6 +68,11 @@ const ThemeEditor: React.FC<IThemeEditor> = () => {
await dispatch(updateSoapboxConfig(params)); await dispatch(updateSoapboxConfig(params));
}; };
const restoreDefaultTheme = () => {
const colors = normalizeSoapboxConfig({ brandColor: '#0482d8' }).colors.toJS();
setTheme(colors);
};
const exportTheme = () => { const exportTheme = () => {
const data = JSON.stringify(colors, null, 2); const data = JSON.stringify(colors, null, 2);
download(data, 'theme.json'); download(data, 'theme.json');
@ -80,7 +90,7 @@ const ThemeEditor: React.FC<IThemeEditor> = () => {
const json = JSON.parse(text); const json = JSON.parse(text);
const colors = normalizeSoapboxConfig({ colors: json }).colors.toJS(); const colors = normalizeSoapboxConfig({ colors: json }).colors.toJS();
setColors(colors); setTheme(colors);
dispatch(snackbar.success(intl.formatMessage(messages.importSuccess))); dispatch(snackbar.success(intl.formatMessage(messages.importSuccess)));
} }
}; };
@ -148,6 +158,10 @@ const ThemeEditor: React.FC<IThemeEditor> = () => {
<FormActions> <FormActions>
<DropdownMenuContainer <DropdownMenuContainer
items={[{ items={[{
text: intl.formatMessage(messages.restore),
action: restoreDefaultTheme,
icon: require('@tabler/icons/refresh.svg'),
},{
text: intl.formatMessage(messages.import), text: intl.formatMessage(messages.import),
action: importTheme, action: importTheme,
icon: require('@tabler/icons/upload.svg'), icon: require('@tabler/icons/upload.svg'),