Update agency intro text

src/components/ExplorerIntro.js

@@ -12,11 +12,12 @@ const ExplorerIntro = ({ agency, crime, place, ucr, until }) => {
   if (agency) {
     return (
       <ExplorerIntroAgency
-        name={agency.agency_name}
         county={agency.primary_county}
+        crime={crime}
+        hasNibrs={agency.nibrs_months_reported === 12}
+        name={agency.agency_name}
         state={oriToState(place)}
         type={agency.agency_type_name}
-        hasNibrs={agency.nibrs_months_reported === 12}
       />
     )
   }

src/components/ExplorerIntroAgency.js

@@ -1,22 +1,42 @@
+import lowerCase from 'lodash.lowercase'
 import startCase from 'lodash.startcase'
+import upperFirst from 'lodash.upperfirst'
 import PropTypes from 'prop-types'
 import React from 'react'
 
+import Term from './Term'
 import { nibrsTerm, srsTerm } from './Terms'
+import mapCrimeToGlossaryTerm from '../util/glossary'
 
-const ExplorerIntroAgency = ({ county, name, state, type, hasNibrs }) => {
+const ExplorerIntroAgency = ({
+  county,
+  crime,
+  hasNibrs,
+  name,
+  state,
+  type,
+}) => {
   const showCounty =
     (county && type === 'City') || type === 'University or College'
+  const crimeTerm = (
+    <Term id={mapCrimeToGlossaryTerm(crime)} size="sm">
+      {upperFirst(lowerCase(crime))}
+    </Term>
+  )
+
   return (
     <p className="serif">
       The {startCase(name)} law enforcement agency is located in
       {' '}
       {showCounty && `${county} County, `}
-      {startCase(state)}. This agency reports
+      {startCase(state)}.
+      {' '}
+      {crimeTerm} totals for this agency are voluntarily submitted to the
+      FBI using
       {' '}
       {hasNibrs ? nibrsTerm : srsTerm}
       {' '}
-      data to the FBI.
+      reports.
     </p>
   )
 }