datajunction-ui 0.0.1-rc.24 → 0.0.1-rc.26

package/src/styles/login.css

@@ -3,18 +3,24 @@
   border: 2px solid #000000;
   background: linear-gradient(120deg, #ffed7c, #fef7c8);
   width: 40vw;
-  height: 30rem;
+  height: 45rem;
   box-sizing: border-box;
   padding: 2rem;
   display: grid;
   grid-template-columns: 1fr;
-  gap: 1rem;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  cursor: pointer;
+  grid-row-gap: 0;
+}
+
+.login form div {
+  display: block;
+  text-align: center;
 }
 
 .login form button {
@@ -49,7 +55,7 @@
 
 .login button[type='submit'] {
   width: 10vw;
-  background-color: #01b268;
+  background-color: #5d2e85;
   border: 2px solid #000000;
   color: white;
   padding: 14px 20px;
@@ -65,3 +71,11 @@
 .login .logo-title img {
   padding: 0.5rem;
 }
+
+.signup form {
+  height: 50rem;
+}
+
+.form-error {
+  color: red;
+}

package/src/utils/form.jsx

@@ -4,12 +4,12 @@ import * as React from 'react';
 
 export const displayMessageAfterSubmit = status => {
   return status?.success !== undefined ? (
-    <div className="message success">
+    <div className="message success" data-testid="success">
       <ValidIcon />
       {status?.success}
     </div>
   ) : status?.failure !== undefined ? (
-    <div className="message alert">
+    <div className="message alert" data-testid="failure">
       <AlertIcon />
       {status?.failure}
     </div>