diff --git a/src/ui/box/container.jsx b/src/ui/box/container.jsx
index c63a57ab2..6b327e74a 100644
--- a/src/ui/box/container.jsx
+++ b/src/ui/box/container.jsx
@@ -3,20 +3,7 @@ import Chrome from './chrome';
import { CloseButton } from './button';
const badgeSvg = (
-
+
);
const BottomBadge = ({link}) => (
diff --git a/src/ui/input/email_input.jsx b/src/ui/input/email_input.jsx
index 255d4ae33..f06697164 100644
--- a/src/ui/input/email_input.jsx
+++ b/src/ui/input/email_input.jsx
@@ -1,7 +1,6 @@
import React from 'react';
import InputWrap from './input_wrap';
-
const svg = '';
export default class EmailInput extends React.Component {
@@ -10,12 +9,14 @@ export default class EmailInput extends React.Component {
this.state = {};
}
- shouldComponentUpdate(nextProps) {
+ shouldComponentUpdate(nextProps, nextState) {
const { invalidHint, isValid, value, onChange } = this.props;
+ const { focused } = this.state;
return invalidHint != nextProps.invalidHint
|| isValid != nextProps.isValid
- || value != nextProps.value;
+ || value != nextProps.value
+ || focused != nextState.focused;
}
render() {
diff --git a/src/ui/input/username_input.jsx b/src/ui/input/username_input.jsx
index e8342a4ba..19acacb4c 100644
--- a/src/ui/input/username_input.jsx
+++ b/src/ui/input/username_input.jsx
@@ -9,12 +9,14 @@ export default class UsernameInput extends React.Component {
this.state = {};
}
- shouldComponentUpdate(nextProps) {
+ shouldComponentUpdate(nextProps, nextState) {
const { invalidHint, isValid, value, onChange } = this.props;
+ const { focused } = this.state;
return invalidHint != nextProps.invalidHint
|| isValid != nextProps.isValid
- || value != nextProps.value;
+ || value != nextProps.value
+ || focused != nextState.focused;
}
render() {