diff --git a/apps/genetics/src/components/ColocQTLGeneTissueTable/ColumnRenderers.jsx b/apps/genetics/src/components/ColocQTLGeneTissueTable/ColumnRenderers.jsx
index 003a85d43..83ede22d1 100644
--- a/apps/genetics/src/components/ColocQTLGeneTissueTable/ColumnRenderers.jsx
+++ b/apps/genetics/src/components/ColocQTLGeneTissueTable/ColumnRenderers.jsx
@@ -6,7 +6,7 @@ import { tissueComparator } from './utils';
const getTissueColumns = (data, uniqueTissues) => {
const tissueThresholdValue = 7;
- const [minVal, maxVal] = extent(data, (d) => d.log2h4h3);
+ const [minVal, maxVal] = extent(data, d => d.log2h4h3);
const absMax = Math.min(
tissueThresholdValue,
Math.max(Math.abs(minVal), maxVal)
@@ -14,12 +14,12 @@ const getTissueColumns = (data, uniqueTissues) => {
const radiusScale = scaleSqrt().domain([0, absMax]).range([0, 6]);
return uniqueTissues
.sort((a, b) => ascending(a.name, b.name))
- .map((t) => ({
+ .map(t => ({
id: t.id,
label: t.name,
verticalHeader: true,
comparator: tissueComparator(t.id),
- renderCell: (row) => {
+ renderCell: row => {
if (!row[t.id]) {
// no comparison made for this gene-tissue pair
return null;
@@ -55,11 +55,13 @@ export const getTableColumns = (data, uniqueTissues) => {
id: 'gene.symbol',
label: 'Gene',
comparator: (a, b) => ascending(a.gene.symbol, b.gene.symbol),
- renderCell: (d) => {d.gene.symbol},
+ renderCell: d => {d.gene.symbol},
};
const phenotypeIdColumn = {
- id: 'phenotypeId',
+ id: 'gene.id',
label: 'Molecular trait',
+ comparator: (a, b) => ascending(a.gene.id, b.gene.id),
+ renderCell: d => {d.gene.id},
};
const studyColumn = {
id: 'qtlStudyName',
diff --git a/apps/genetics/src/components/ColocQTLGeneTissueTable/useColocTable.js b/apps/genetics/src/components/ColocQTLGeneTissueTable/useColocTable.js
index 140a77507..61178a812 100644
--- a/apps/genetics/src/components/ColocQTLGeneTissueTable/useColocTable.js
+++ b/apps/genetics/src/components/ColocQTLGeneTissueTable/useColocTable.js
@@ -1,10 +1,10 @@
import { descending } from 'd3';
import { getPhenotypeId, getSpliceId } from './utils';
-export const useColocTable = (data) => {
+export const useColocTable = data => {
const uniqueStudyGenePhenotypes = data.reduce((acc, d) => {
const { phenotypeId, gene, qtlStudyName } = d;
- acc[`${qtlStudyName}__${gene.id}__${phenotypeId}`] = {
+ acc[`${qtlStudyName}__${gene.id}`] = {
phenotypeId: getPhenotypeId(phenotypeId),
gene,
qtlStudyName,
@@ -29,13 +29,12 @@ export const useColocTable = (data) => {
...uniqueTissues.reduce((acc, t) => {
const items = data
.filter(
- (d) =>
- getPhenotypeId(d.phenotypeId) === phenotypeId &&
+ d =>
d.gene.id === gene.id &&
d.qtlStudyName === qtlStudyName &&
d.tissue.id === t.id
)
- .map((d) => ({
+ .map(d => ({
h3: d.h3,
h4: d.h4,
log2h4h3: d.log2h4h3,