mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

site: improve primary color change experience

Browse Source
This commit is contained in:
afc163 2020-01-09 15:42:33 +08:00
parent 8a9e2c5784
commit 949d10dbf9
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
site/theme/template/Layout/Footer.tsx
View File

@ -331,18 +331,23 @@ class Footer extends React.Component<WrappedComponentProps> {
}
handleColorChange = (color: string) => {
const {
intl: { messages },
} = this.props;
message.loading({
content: messages['app.footer.primary-color-changing'],
key: 'change-primary-color',
});
const changeColor = () => {
const {
intl: { messages },
} = this.props;
const hide = message.loading(messages['app.footer.primary-color-changing']);
(window as any).less
.modifyVars({
'@primary-color': color,
})
.then(() => {
hide();
message.success(messages['app.footer.primary-color-changed']);
message.success({
content: messages['app.footer.primary-color-changed'],
key: 'change-primary-color',
});
this.setState({ color });
});
};