[OSDEV-1130] SLC. Implement collecting contribution data page (FE)

doc/release/RELEASE-NOTES.md

@@ -29,6 +29,15 @@ This project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html
 * [OSDEV-1376](https://opensupplyhub.atlassian.net/browse/OSDEV-1376) - Updated automated emails for closure reports (report_result) to remove the term "Rejected" for an improved user experience. Added link to Closure Policy and instructions for submitting a Reopening Report to make the process easier to understand for users.
 * [OSDEV-1383](https://opensupplyhub.atlassian.net/browse/OSDEV-1383) - Edited text of the automated email that notifies a contributor when one of their facilities has been claimed. The new text provides more information to the contributor to understand the claim process and how they can encourage more of their facilities to claim their profile.
 * [OSDEV-1474](https://opensupplyhub.atlassian.net/browse/OSDEV-1474) - Added contributor type value to response of `/api/contributors/` endpoint.
+* [OSDEV-1130](https://opensupplyhub.atlassian.net/browse/OSDEV-1130) A new page, `Production Location Information`, has been implemented. It includes the following inputs:
+    * Required and pre-fillable fields:
+        - Name
+        - Address
+        - Country
+    * Additional information section: Fields for optional contributions from the owner or manager of the production location, including sector(s), product type(s), location type(s), processing type(s), number of workers, and parent company.
+The page also features `Go Back` and `Submit` buttons for navigation and form submission.
+
+
 
 ### Release instructions:
 * Ensure that the following commands are included in the `post_deployment` command:

src/react/src/Routes.jsx

@@ -31,6 +31,7 @@ import ExternalRedirect from './components/ExternalRedirect';
 import Facilities from './components/Facilities';
 import ContributeProductionLocation from './components/Contribute/ContributeProductionLocation';
 import SearchByOsIdResult from './components/Contribute/SearchByOsIdResult';
+import ProductionLocationInfo from './components/Contribute/ProductionLocationInfo';
 
 import { sessionLogin } from './actions/auth';
 import { fetchFeatureFlags } from './actions/featureFlags';
@@ -57,6 +58,7 @@ import {
     InfoPaths,
     contributeProductionLocationRoute,
     searchByOsIdResultRoute,
+    productionLocationInfoRoute,
 } from './util/constants';
 
 class Routes extends Component {
@@ -169,6 +171,12 @@ class Routes extends Component {
                                     path={searchByOsIdResultRoute}
                                     component={SearchByOsIdResult}
                                 />
+                                <Route
+                                    exact
+                                    path={productionLocationInfoRoute}
+                                    component={ProductionLocationInfo}
+                                />
+
                                 <Route exact path="/about/processing">
                                     <ExternalRedirect
                                         to={`${InfoLink}/${InfoPaths.dataQuality}`}

src/react/src/actions/filterOptions.js

@@ -287,9 +287,9 @@ export function fetchFacilityProcessingTypeOptions() {
 
         return apiRequest
             .get(makeGetFacilitiesTypeProcessingTypeURL())
-            .then(({ data }) => {
-                dispatch(completeFetchFacilityProcessingTypeOptions(data));
-            })
+            .then(({ data }) =>
+                dispatch(completeFetchFacilityProcessingTypeOptions(data)),
+            )
             .catch(err =>
                 dispatch(
                     logErrorAndDispatchFailure(
@@ -309,9 +309,9 @@ export function fetchNumberOfWorkersOptions() {
         return apiRequest
             .get(makeGetNumberOfWorkersURL())
             .then(({ data }) => mapDjangoChoiceTuplesValueToSelectOptions(data))
-            .then(data => {
-                dispatch(completeFetchNumberOfWorkersTypeOptions(data));
-            })
+            .then(data =>
+                dispatch(completeFetchNumberOfWorkersTypeOptions(data)),
+            )
             .catch(err =>
                 dispatch(
                     logErrorAndDispatchFailure(

src/react/src/components/Contribute/InputErrorText.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
+import { inputErrorText } from '../../util/styles';
+
+const InputErrorText = ({ classes, text = 'This field is required.' }) => (
+    <span className={classes.errorTextWrapStyles}>
+        <ErrorOutlineIcon className={classes.iconInfoStyles} />
+        <Typography component="span" className={classes.inputErrorTextStyles}>
+            {text}
+        </Typography>
+    </span>
+);
+
+export default withStyles(inputErrorText)(InputErrorText);