New: Project Aphrodite

frontend/src/Components/Page/PageSectionContent.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+
+function PageSectionContent(props) {
+  const {
+    isFetching,
+    isPopulated,
+    error,
+    errorMessage,
+    children
+  } = props;
+
+  if (isFetching) {
+    return (
+      <LoadingIndicator />
+    );
+  } else if (!isFetching && !!error) {
+    return (
+      <div>{errorMessage}</div>
+    );
+  } else if (isPopulated && !error) {
+    return (
+      <div>{children}</div>
+    );
+  }
+
+  return null;
+}
+
+PageSectionContent.propTypes = {
+  isFetching: PropTypes.bool.isRequired,
+  isPopulated: PropTypes.bool.isRequired,
+  error: PropTypes.object,
+  errorMessage: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired
+};
+
+export default PageSectionContent;