add initial framework for displaying mobility data

lib/manager/components/validation/GtfsValidationViewer.js

@@ -30,6 +30,7 @@ import type {Props as FeedVersionViewerProps} from '../version/FeedVersionViewer
 import type {ValidationResult} from '../../../types'
 
 import ValidationErrorItem from './ValidationErrorItem'
+import MobilityDataValidationResult from './MobilityDataValidationResult'
 
 const DEFAULT_LIMIT = 10
 
@@ -269,6 +270,16 @@ export default class GtfsValidationViewer extends Component<Props, State> {
           <Panel.Heading><Panel.Title componentClass='h2'>{this.messages('title')}</Panel.Title></Panel.Heading>
           {validationContent}
         </Panel>
+        <Panel><Panel.Heading>Mobility Data</Panel.Heading>
+        <ListGroup>
+        {version.mobilityDataResult && version.mobilityDataResult.notices.map(notice => (
+              <MobilityDataValidationResult notice={notice} />
+            )) }
+          <ListGroupItem className='validation-item'>
+            This is the no validation errors message that should only appear if there are none.
+          </ListGroupItem>
+        </ListGroup>
+        </Panel>
       </div>
     )
   }

lib/manager/components/validation/MobilityDataValidationResult.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import { ListGroupItem } from 'react-bootstrap'
+
+const MobilityDataValidationResult = (props) => {
+    const {notice} = props
+
+    return <ListGroupItem><h4>{notice.code}</h4></ListGroupItem>
+}
+
+export default MobilityDataValidationResult

lib/types/index.js

@@ -542,6 +542,8 @@ export type FeedVersion = FeedVersionSummary & {
   nextVersionId: ?string,
   noteCount: number,
   notes: Array<Note>,
+  // TODO: Type
+  mobilityDataResult: ?any,
   previousVersionId: ?string,
   processedByExternalPublisher: ?number,
   sentToExternalPublisher: ?number,