diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-09-01 16:00:34 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-09-06 14:38:26 +0200 |
| commit | 59be0d414c8c2c819a97f5d290ad618d06ccdefd (patch) | |
| tree | b1f0531f462c113113db34eaca7204b76ff96c1d /gui/src | |
| parent | 02fb05e44efb4802fa111a359dbf9669e2799ac2 (diff) | |
| download | mullvadvpn-59be0d414c8c2c819a97f5d290ad618d06ccdefd.tar.xz mullvadvpn-59be0d414c8c2c819a97f5d290ad618d06ccdefd.zip | |
Add unsecuring status label
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/SecuredLabel.tsx | 7 | ||||
| -rw-r--r-- | gui/src/renderer/components/TunnelControl.tsx | 2 |
2 files changed, 8 insertions, 1 deletions
diff --git a/gui/src/renderer/components/SecuredLabel.tsx b/gui/src/renderer/components/SecuredLabel.tsx index 2d80991ed3..c00edc73de 100644 --- a/gui/src/renderer/components/SecuredLabel.tsx +++ b/gui/src/renderer/components/SecuredLabel.tsx @@ -8,11 +8,13 @@ export enum SecuredDisplayStyle { blocked, securing, unsecured, + unsecuring, failedToSecure, } const securedDisplayStyleColorMap = { [SecuredDisplayStyle.securing]: colors.white, + [SecuredDisplayStyle.unsecuring]: colors.white, [SecuredDisplayStyle.secured]: colors.green, [SecuredDisplayStyle.blocked]: colors.green, [SecuredDisplayStyle.unsecured]: colors.red, @@ -20,6 +22,8 @@ const securedDisplayStyleColorMap = { }; const StyledSecuredLabel = styled.span((props: { displayStyle: SecuredDisplayStyle }) => ({ + display: 'inline-block', + minHeight: '22px', color: securedDisplayStyleColorMap[props.displayStyle], })); @@ -50,6 +54,9 @@ function getLabelText(displayStyle: SecuredDisplayStyle) { case SecuredDisplayStyle.unsecured: return messages.gettext('UNSECURE CONNECTION'); + case SecuredDisplayStyle.unsecuring: + return ''; + case SecuredDisplayStyle.failedToSecure: return messages.gettext('FAILED TO SECURE CONNECTION'); } diff --git a/gui/src/renderer/components/TunnelControl.tsx b/gui/src/renderer/components/TunnelControl.tsx index 016c360e4a..de3906c012 100644 --- a/gui/src/renderer/components/TunnelControl.tsx +++ b/gui/src/renderer/components/TunnelControl.tsx @@ -163,7 +163,7 @@ export default class TunnelControl extends React.Component<ITunnelControlProps> return ( <Wrapper> <Body> - <Secured displayStyle={SecuredDisplayStyle.secured} /> + <Secured displayStyle={SecuredDisplayStyle.unsecuring} /> <Location>{this.renderCountry()}</Location> </Body> <Footer> |