OCE-523 PE proc table now links to proc page

devgateway · May 4, 2018 · ca668a6 · ca668a6
1 parent 072f1ea
commit ca668a6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/ui/oce/corruption-risk/index.jsx b/ui/oce/corruption-risk/index.jsx
@@ -284,6 +284,7 @@ class CorruptionRiskDashboard extends React.Component {
         id={id}
         styling={styling}
         doSearch={query => navigate(plSlug, query)}
+        navigate={navigate}
         indicatorTypesMapping={indicatorTypesMapping}
         {...additionalProps}
       />

diff --git a/ui/oce/corruption-risk/procuring-entities/single/index.jsx b/ui/oce/corruption-risk/procuring-entities/single/index.jsx
@@ -47,7 +47,7 @@ class ProcuringEntity extends translatable(React.Component) {
   }
 
   render() {
-    const { translations, doSearch, width } = this.props;
+    const { translations, doSearch, width, navigate } = this.props;
     const { PEName } = this.state;
 
     return (
@@ -98,7 +98,10 @@ class ProcuringEntity extends translatable(React.Component) {
             </div>
           </div>
           <h2>Procurements by {PEName}</h2>
-          <ProcurementsTable translations={translations} />
+          <ProcurementsTable
+            translations={translations}
+            navigate={navigate}
+          />
         </section>
       </div>
     );

diff --git a/ui/oce/corruption-risk/procuring-entities/single/table/index.jsx b/ui/oce/corruption-risk/procuring-entities/single/table/index.jsx
@@ -1,6 +1,7 @@
 import translatable from '../../../../translatable';
 import BootstrapTableWrapper from '../../../archive/bootstrap-table-wrapper';
 import { procurementsData, page, pageSize, procurementsCount } from './state';
+import { mkContractLink } from '../../../tools';
 
 const NAME = 'PEProcurementsComponent';
 
@@ -55,6 +56,7 @@ class Table extends translatable(React.PureComponent) {
 
   render() {
     const { data, count } = this.state;
+    const { navigate } = this.props;
 
     return (
       <BootstrapTableWrapper
@@ -69,9 +71,11 @@ class Table extends translatable(React.PureComponent) {
             title: 'Tender name',
             dataField: 'name',
             width: '20%',
+            dataFormat: mkContractLink(navigate),
         }, {
             title: 'OCID',
-            dataField: 'ocid'
+            dataField: 'id',
+            dataFormat: mkContractLink(navigate),
         }, {
             title: 'Award status',
             dataField: 'awardStatus',

diff --git a/ui/oce/corruption-risk/procuring-entities/single/table/state.jsx b/ui/oce/corruption-risk/procuring-entities/single/table/state.jsx
@@ -61,9 +61,8 @@ export const procurementsData = PEState.mapping({
   mapper: raw =>
     raw.map(datum => {
       return {
-        id: datum.id,
+        id: datum.ocid,
         name: datum.tender.title || 'N/A',
-        ocid: datum.ocid,
         awardStatus: getAwardAmount(datum.awards) ? 'active' : 'unsuccessful',
         tenderAmount: getTenderAmount(datum),
         awardAmount: getAwardAmount(datum.awards),