diff --git a/public/index.html b/public/index.html index 8164bc779..7e42df758 100644 --- a/public/index.html +++ b/public/index.html @@ -45,7 +45,7 @@ --> - + diff --git a/src/config.js b/src/config.js index f4248423e..c78718353 100644 --- a/src/config.js +++ b/src/config.js @@ -2,7 +2,8 @@ const config = { urlApi: window.configUrlApi ?? - 'https://api.platform.dev.opentargets.xyz/api/v4/graphql', + // 'https://api.platform.dev.opentargets.xyz/api/v4/graphql', + 'https://api.partner-platform.dev.opentargets.xyz/api/v4/graphql', googleTagManagerID: window.configGoogleTagManagerID ?? null, efoURL: window.configEFOURL ?? '/data/ontology/efo_json/diseases_efo.jsonl', diff --git a/src/sections/evidence/OTEncore/Body.js b/src/sections/evidence/OTEncore/Body.js index 66570bc51..207d32c77 100644 --- a/src/sections/evidence/OTEncore/Body.js +++ b/src/sections/evidence/OTEncore/Body.js @@ -168,6 +168,7 @@ const getColumns = classes => [ to={`https://cellmodelpassports.sanger.ac.uk/passports/${ diseaseCellLine.id }`} + key={diseaseCellLine.id} > {diseaseCellLine.name} diff --git a/src/sections/evidence/OTValidation/Body.js b/src/sections/evidence/OTValidation/Body.js index 96878d435..ab8dc1e63 100644 --- a/src/sections/evidence/OTValidation/Body.js +++ b/src/sections/evidence/OTValidation/Body.js @@ -47,7 +47,7 @@ const useStyles = makeStyles(theme => { width: '32px', }, hsGreen: { - backgroundColor: '#407253', + backgroundColor: '#407253', // same as PPP green border: `1px solid ${theme.palette.grey[600]}`, }, hsRed: { @@ -59,7 +59,17 @@ const useStyles = makeStyles(theme => { color: theme.palette.grey[600], border: `1px solid ${theme.palette.grey[600]}`, }, - hsGrey: { + hsBlack: { + backgroundColor: '#000', + border: `1px solid ${theme.palette.grey[600]}`, + }, + hsBlue: { + backgroundColor: '#3489ca', + border: `1px solid ${theme.palette.grey[600]}`, + }, + // in the unlikely case the hypothesis status is unavailable, + // we don't want to display the primary green (for PPP) + hsUndefined: { backgroundColor: theme.palette.grey[500], border: `1px solid ${theme.palette.grey[600]}`, }, @@ -87,7 +97,7 @@ const hypothesesStatus = [ status: 'expected but not observed', expected: true, observed: false, - styles: 'hsGrey', + styles: 'hsRed', }, { status: 'observed and expected', @@ -99,13 +109,13 @@ const hypothesesStatus = [ status: 'not expected and not observed', expected: false, observed: false, - styles: 'hsWhite', + styles: 'hsBlack', }, { status: 'observed but not expected', expected: false, observed: true, - styles: 'hsRed', + styles: 'hsBlue', }, ]; @@ -121,6 +131,11 @@ const getColumns = classes => [ { id: 'projectDescription', label: 'OTAR primary project', + tooltip: ( + <> + Binary assessment of gene perturbation effect in primary project screen + + ), renderCell: row => ( {row.projectDescription} @@ -171,6 +186,7 @@ const getColumns = classes => [ items={row.biomarkerList.map(bm => ({ label: bm.name, tooltip: bm.description, + customClass: classes['hsWhite'], }))} /> ); @@ -187,7 +203,8 @@ const getColumns = classes => [ }, { id: 'confidence', - label: 'Hit', + label: 'OTVL hit', + tooltip: <>Binary assessment of gene perturbation effect in contrast, renderCell: row => ( ), @@ -280,14 +297,17 @@ function Body({ definition, id: { ensgId, efoId }, label: { symbol, name } }) { tooltip: vht.description, customClass: classes[ - (hypothesesStatus.find(s => s.status === vht.status) - ?.styles) - ] || null, + hypothesesStatus.find(s => s.status === vht.status) + ?.styles || 'hsUndefined' + ], })) ), [] ), 'label' + // sort alphabetically but move 'PAN-CO' at the end of the list + ).sort((a, b) => + b.label === 'PAN-CO' ? -1 : a.label < b.label ? -1 : 1 ); return ( @@ -298,8 +318,31 @@ function Body({ definition, id: { ensgId, efoId }, label: { symbol, name } }) { gutterBottom className={classes.bold} > - OTVL biomarker assessment for {symbol} + + This table provides an overarching summary of the + target-disease association in the context of the listed + biomarkers, based on criteria described{' '} + + here + + , as informed by the target performance across the whole + cell line panel. Colour-coding indicates whether a + dependency was expected to be associated with a biomarker + (based on Project SCORE data) and whether it was observed + as such (based on OTVL data). + + } + showHelpIcon + > + OTVL biomarker assessment for {symbol} + + {/** LEGEND */}