From cd0b07b3adb36fb5ec098f9e511ab45d774fee7b Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Tue, 30 Jan 2018 12:41:01 -0500
Subject: Move to Prisma Backend

---
 frontend/components/ErrorMessage.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 frontend/components/ErrorMessage.js

(limited to 'frontend/components/ErrorMessage.js')

diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js
new file mode 100644
index 0000000..12de51d
--- /dev/null
+++ b/frontend/components/ErrorMessage.js
@@ -0,0 +1,32 @@
+import styled from 'styled-components';
+import React from 'react';
+
+import PropTypes from 'prop-types';
+
+const StyledError = styled.div`
+  background: pink;
+  border: 2px solid red;
+  padding: 20px;
+  display: flex;
+  p {
+    margin: 0;
+    flex: 1 0 auto;
+  }
+`;
+
+const DisplayError = props => {
+  if (!props.error || !props.error.message) return null;
+  return (
+    <StyledError>
+      <p>{props.error.message}</p>
+      <button onClick={props.onButtonClick}>&times;</button>
+    </StyledError>
+  );
+};
+
+DisplayError.propTypes = {
+  error: PropTypes.object.isRequired,
+  onButtonClick: PropTypes.func.isRequired,
+};
+
+export default DisplayError;
-- 
cgit v1.3