From 0bd59d21c3e5a0883e3a3a911deee033181e8503 Mon Sep 17 00:00:00 2001 From: dert1129 Date: Mon, 23 Oct 2023 14:47:00 -0400 Subject: [PATCH] create blank regional proteomics page --- src/App.js | 4 +- src/components/DataViz/RegionalProteomics.js | 110 +----------------- .../DataViz/RegionalProteomicsContainer.js | 28 ----- 3 files changed, 3 insertions(+), 139 deletions(-) delete mode 100644 src/components/DataViz/RegionalProteomicsContainer.js diff --git a/src/App.js b/src/App.js index 7c147039..a144ded1 100644 --- a/src/App.js +++ b/src/App.js @@ -20,10 +20,10 @@ import NotFoundPage from './components/Error/NotFoundPage'; import RNASeqVizContainer from "./components/DataViz/RNASeqVizContainer"; import DiffexByClusterContainer from "./components/ExpressionTables/DiffexByClusterContainer"; import RegionalVizContainer from "./components/DataViz/RegionalVizContainer"; -import RegionalProteomicsContainer from "./components/DataViz/RegionalProteomicsContainer"; import packageInfo from '../package.json'; import { PrivateUmapRoute } from './PrivateRoutes'; import UMAPContainer from './components/DataViz/UMAPContainer'; +import RegionalProteomics from './components/DataViz/RegionalProteomics'; const cacheStore = window.sessionStorage.getItem('redux-store'); const initialState = cacheStore ? JSON.parse(cacheStore) : loadedState; @@ -79,7 +79,7 @@ class App extends Component { - + diff --git a/src/components/DataViz/RegionalProteomics.js b/src/components/DataViz/RegionalProteomics.js index c2eef0dd..a0e4e510 100644 --- a/src/components/DataViz/RegionalProteomics.js +++ b/src/components/DataViz/RegionalProteomics.js @@ -1,118 +1,10 @@ import React, { Component } from 'react'; -import { Container, Row, Col, Button, ButtonGroup } from 'reactstrap'; -import DataTypeSelectorContainer from './DataTypeSelectorContainer'; -import { formatTissueType, formatNumberToPrecision } from "../../helpers/Utils"; -import LMDDotPlot from "../Plots/LMDDotPlot"; -import RegionalTranscriptomicsTable from "../ExpressionTables/RegionalTranscriptomicsTable"; -import { CSVLink } from "react-csv"; -import { handleGoogleAnalyticsEvent } from '../../helpers/googleAnalyticsHelper'; -import { faDownload, faShare } from "@fortawesome/free-solid-svg-icons"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import queryString from 'query-string'; class RegionalProteomics extends Component { - constructor(props) { - super(props); - this.state = { rtAllPlotData: [], rtAllTableData: [], rtGTPlotData: [], rtGTTableData: [], selectedComparison: 'all_segments', selectedPlot: 'box' }; - if (!this.props.tissueType) { - this.props.setTissueType('all') - } - const queryParam = queryString.parse(props.location.search); - if (queryParam && queryParam.dataType) { - this.props.resetState(); - props.setDataType('rt'); - window.open(props.location.pathname, '_self'); - } - }; - render() { - let plot = {}; - let table = {}; - let downloadData = []; - let cleanDownloadData = []; - if (this.state.selectedComparison === 'glom_tub') { - table = ; - plot = - downloadData = this.state.rtGTTableData; - } else { - table = ; - plot = - downloadData = this.state.rtAllTableData; - } - - if (downloadData && downloadData.length > 0) { - cleanDownloadData = this.cleanResults(downloadData); - } return (
- - - {!this.props.gene.symbol ? - -
- - - - - -
Gene Expression:
-

Enter a gene above to get started

- - -
- - : - - -
{this.props.gene.symbol} expression comparison across regions in {formatTissueType(this.props.tissueType)}
-
- - - - - Display by: - - - - - - - - - - {plot} -
- - - - - The comparisons in the plot and data table were performed across different segments in the same condition. The plot data should be read and interpreted following the horizontal guides. The fold change and significance of a segment are related to the average expression of all segments in the same condition. Due to the experiment design, it is not possible to draw direct comparisons in the same segment across conditions. - - - - - -
{this.props.gene.symbol} expression comparison across regions in {formatTissueType(this.props.tissueType)}
-
NS = Not Significant
- - - handleGoogleAnalyticsEvent('Explorer', 'Download', this.getExportFilename())} - data={cleanDownloadData} - filename={this.getExportFilename()} - target="_blank" - className="text-body icon-container" - > - - - - - - {table} - - - } - +

Blank Regional Proteomics page!

) } diff --git a/src/components/DataViz/RegionalProteomicsContainer.js b/src/components/DataViz/RegionalProteomicsContainer.js deleted file mode 100644 index 3c538fe1..00000000 --- a/src/components/DataViz/RegionalProteomicsContainer.js +++ /dev/null @@ -1,28 +0,0 @@ -import {connect} from "react-redux"; -import RegionalProteomics from "./RegionalProteomics"; -import { setTissueType } from '../../actions/TissueType/tissueTypeActions' -import { setDataType } from "../../actions/DataType/dataTypeActions"; -import { resetState } from "../../actions/resetAction"; - -const mapStateToProps = (state, props) => - ({ - conceptSummary: state.conceptSummary, - gene: state.gene, - dataType: state.dataType, - tissueType: state.tissueType - }); - -const mapDispatchToProps = (dispatch, props) => - ({ - setTissueType(tissueType) { - dispatch(setTissueType(tissueType)); - }, - setDataType(dataType) { - dispatch(setDataType(dataType)); - }, - resetState() { - dispatch(resetState()); - } - }); - -export default connect(mapStateToProps, mapDispatchToProps)(RegionalProteomics) \ No newline at end of file