From 0be25cbf6e7c9858890619ea42d95694f1f4cc4c Mon Sep 17 00:00:00 2001
From: MoSelim <you@example.com>
Date: Mon, 28 Jan 2019 14:20:14 +0000
Subject: [PATCH] #180 #195
---
app/components/login/Login.jsx | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/app/components/login/Login.jsx b/app/components/login/Login.jsx
index 70e94bcff..f9a1e999c 100644
--- a/app/components/login/Login.jsx
+++ b/app/components/login/Login.jsx
@@ -12,7 +12,7 @@ import {
} from '@pubsweet/ui'
import { th } from '@pubsweet/ui-toolkit'
import styled from 'styled-components'
-import { Page } from '../ui'
+import { Page, Notification } from '../ui'
import SignInFooter from '../SignInFooter'
const Signup = styled.p`
@@ -42,6 +42,9 @@ const Container = styled(CenteredColumn)`
margin: 10px 0 10px 0;
width: inherit;
}
+ .error {
+ width: inherit;
+ }
`
const EmailInput = props => <TextField label="Email address" {...props.field} />
const PasswordInput = props => (
@@ -78,7 +81,7 @@ class Login extends React.Component {
<H1>Sign in with your Europe PMC plus account</H1>
<Container medium>
{!isEmpty(errors) && (
- <ErrorText className="login-error">{errors}</ErrorText>
+ <Notification type="error">{errors}</Notification>
)}
<form onSubmit={handleSubmit}>
<Field component={EmailInput} name="email" />
--
GitLab