Initial commit

client/src/components/ProjectWrapper.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
+
+import ProjectContainer from '../containers/ProjectContainer';
+
+const ProjectWrapper = React.memo(({ isProjectNotFound, isBoardNotFound, isCardNotFound }) => {
+  const [t] = useTranslation();
+
+  if (isCardNotFound) {
+    return (
+      <h1>
+        {t('common.cardNotFound', {
+          context: 'title',
+        })}
+      </h1>
+    );
+  }
+
+  if (isBoardNotFound) {
+    return (
+      <h1>
+        {t('common.boardNotFound', {
+          context: 'title',
+        })}
+      </h1>
+    );
+  }
+
+  if (isProjectNotFound) {
+    return (
+      <h1>
+        {t('common.projectNotFound', {
+          context: 'title',
+        })}
+      </h1>
+    );
+  }
+
+  return <ProjectContainer />;
+});
+
+ProjectWrapper.propTypes = {
+  isProjectNotFound: PropTypes.bool.isRequired,
+  isBoardNotFound: PropTypes.bool.isRequired,
+  isCardNotFound: PropTypes.bool.isRequired,
+};
+
+export default ProjectWrapper;