refactor(error): handle multiple errors in GlobalError

app/components/GlobalError/GlobalError.js

@@ -7,7 +7,7 @@ import { Notification } from 'components/UI'
 
 class GlobalError extends React.Component {
   static propTypes = {
-    error: PropTypes.string,
+    error: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
     clearError: PropTypes.func.isRequired
   }
 
@@ -21,6 +21,20 @@ class GlobalError extends React.Component {
   render() {
     const { error, clearError } = this.props
 
+    let errors = []
+
+    if (error) {
+      if (Array.isArray(error)) {
+        errors = error
+      } else if (typeof error === 'string') {
+        errors.push(error)
+      } else if (typeof error === 'object') {
+        Object.keys(error).forEach(key => {
+          errors.push(`${key}: ${error[key]}`)
+        })
+      }
+    }
+
     return (
       <Transition
         native
@@ -34,9 +48,11 @@ class GlobalError extends React.Component {
           (springStyles => (
             <Box mt="22px" px={3} width={1} css={{ position: 'absolute', 'z-index': '99999' }}>
               <animated.div style={springStyles}>
-                <Notification variant="error" onClick={clearError}>
-                  {errorToUserFriendly(error)}
-                </Notification>
+                {errors.map(error => (
+                  <Notification key={error} variant="error" onClick={clearError}>
+                    {errorToUserFriendly(error)}
+                  </Notification>
+                ))}
               </animated.div>
             </Box>
           ))