diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-12-17 10:06:39 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-12-21 13:49:06 +0100 |
| commit | c25d46683d5196597601f698285cc280da9806b2 (patch) | |
| tree | bdc635100c19125e857fd8f15e07fb264b144763 | |
| parent | 749d22254af6aadebc9455136787fcfdabc56437 (diff) | |
| download | mullvadvpn-c25d46683d5196597601f698285cc280da9806b2.tar.xz mullvadvpn-c25d46683d5196597601f698285cc280da9806b2.zip | |
Rename dialog type info to caution and add new info
4 files changed, 8 insertions, 3 deletions
diff --git a/gui/src/renderer/components/AdvancedSettings.tsx b/gui/src/renderer/components/AdvancedSettings.tsx index 42f48b1b87..f511265464 100644 --- a/gui/src/renderer/components/AdvancedSettings.tsx +++ b/gui/src/renderer/components/AdvancedSettings.tsx @@ -233,7 +233,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { private renderConfirmBlockWhenDisconnectedAlert = () => { return ( <ModalAlert - type={ModalAlertType.info} + type={ModalAlertType.caution} buttons={[ <AppButton.RedButton key="confirm" onClick={this.confirmEnableBlockWhenDisconnected}> {messages.pgettext('advanced-settings-view', 'Enable anyway')} diff --git a/gui/src/renderer/components/CustomDnsSettings.tsx b/gui/src/renderer/components/CustomDnsSettings.tsx index 7379b4f068..98f0c8f1b2 100644 --- a/gui/src/renderer/components/CustomDnsSettings.tsx +++ b/gui/src/renderer/components/CustomDnsSettings.tsx @@ -392,7 +392,7 @@ interface IConfirmationDialogProps { function ConfirmationDialog(props: IConfirmationDialogProps) { return ( <ModalAlert - type={ModalAlertType.info} + type={ModalAlertType.caution} buttons={[ <AppButton.RedButton key="confirm" onClick={props.confirm}> {messages.pgettext('advanced-settings-view', 'Add anyway')} diff --git a/gui/src/renderer/components/ExpiredAccountErrorView.tsx b/gui/src/renderer/components/ExpiredAccountErrorView.tsx index 0fedb67fdf..c24c79da45 100644 --- a/gui/src/renderer/components/ExpiredAccountErrorView.tsx +++ b/gui/src/renderer/components/ExpiredAccountErrorView.tsx @@ -194,7 +194,7 @@ export default class ExpiredAccountErrorView extends React.Component< private renderBlockWhenDisconnectedAlert() { return ( <ModalAlert - type={ModalAlertType.info} + type={ModalAlertType.caution} buttons={[ <AppButton.BlueButton key="cancel" diff --git a/gui/src/renderer/components/Modal.tsx b/gui/src/renderer/components/Modal.tsx index 49f0793f5d..97cf4dce22 100644 --- a/gui/src/renderer/components/Modal.tsx +++ b/gui/src/renderer/components/Modal.tsx @@ -88,6 +88,7 @@ export function ModalContainer(props: IModalContainerProps) { export enum ModalAlertType { info = 1, + caution, warning, } @@ -196,6 +197,10 @@ class ModalAlertWithContext extends React.Component<IModalAlertProps & IModalCon let color = ''; switch (type) { case ModalAlertType.info: + source = 'icon-info'; + color = colors.white; + break; + case ModalAlertType.caution: source = 'icon-alert'; color = colors.white; break; |