hide genome browser tab when chromosome is absent; fix casing issue i…

…n cCRE coordinate query
weng-lab · Jan 27, 2022 · ad78d05 · ad78d05
1 parent b61c48e
commit ad78d05
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/api/api/data_ws.py b/api/api/data_ws.py
@@ -605,7 +605,7 @@ def _coord(self, accession):
                   end
                 }
               }
-             }""", "variables": { "assembly": self.assembly, "accession": accession }}).json()["data"]["cCREQuery"][0]["coordinates"]
+             }""", "variables": { "assembly": self.assembly, "accession": accession.upper() }}).json()["data"]["cCREQuery"][0]["coordinates"]
         class Coord:
             def __init__(self, rr):
                 self.chrom = rr["chromosome"]

diff --git a/website/ui/src/apps/search/components/results_table_container.js b/website/ui/src/apps/search/components/results_table_container.js
@@ -367,24 +367,25 @@ class ResultsTableContainer extends React.Component {
 	    }
 	}
 
-	console.log(this.props, this.state);
 	const grouped = associateBy(cresWithChecks, x => x.info.accession, x => ({ ...x, ...x.info }));
 	return (
 	    <div>
 			<Menu secondary pointing style={{ fontSize: "1em", marginTop: "0.5em" }}>
-				<Menu.Item active={this.state.page !== 1} onClick={() => this.setState({ page: 0 })}>Genome Browser View</Menu.Item>
+				{ this.props.coord_chrom && <Menu.Item active={this.state.page !== 1} onClick={() => this.setState({ page: 0 })}>Genome Browser View</Menu.Item> }
 				<Menu.Item active={this.state.page === 1} onClick={() => this.setState({ page: 1 })}>Table View</Menu.Item>
 			</Menu>
 			<div style={{ height: "0.5em" }} />
-			{ this.state.page === 0 ? (
-				<Browser
-					coordinates={{ chromosome: this.props.coord_chrom || this.state.cres[0].coord_chrom, start: this.props.coord_start || this.state.cres[0].coord_start, end: this.props.coord_end || this.state.cres[0].coord_end }}
-					cellType={this.props.cellType}
-					actions={this.props.actions}
-					g={grouped}
-					gene={this.props.search && this.props.search.parsedQuery && this.props.search.parsedQuery.genes[0] && this.props.search.parsedQuery.genes[0].approved_symbol}
-					assembly={this.props.assembly}
-				/>
+			{ this.state.page === 0 && this.props.coord_chrom ? (
+				this.state.cres[0] ? (
+					<Browser
+						coordinates={{ chromosome: this.props.coord_chrom || this.state.cres[0].coord_chrom, start: this.props.coord_start || this.state.cres[0].coord_start, end: this.props.coord_end || this.state.cres[0].coord_end }}
+						cellType={this.props.cellType}
+						actions={this.props.actions}
+						g={grouped}
+						gene={this.props.search && this.props.search.parsedQuery && this.props.search.parsedQuery.genes[0] && this.props.search.parsedQuery.genes[0].approved_symbol}
+						assembly={this.props.assembly}
+					/>
+				) : null
 			) : (
 				<React.Fragment>
 					{interpBox}