fix pilltags, apis, and select

Author: qlu-cls

packages/cbioportal-ts-api-client/src/generated/CBioPortalAPIInternal.ts

@@ -4559,7 +4559,7 @@ export default class CBioPortalAPIInternal {
         $queryParameters ? : any
     }): string {
         let queryParameters: any = {};
-        let path = '/mutation-data-counts/fetch';
+        let path = '/api/mutation-data-counts/fetch';
 
         if (parameters.$queryParameters) {
             Object.keys(parameters.$queryParameters).forEach(function(parameterName) {
@@ -4585,7 +4585,7 @@ export default class CBioPortalAPIInternal {
         const domain = parameters.$domain ? parameters.$domain : this.domain;
         const errorHandlers = this.errorHandlers;
         const request = this.request;
-        let path = '/mutation-data-counts/fetch';
+        let path = '/api/mutation-data-counts/fetch';
         let body: any;
         let queryParameters: any = {};
         let headers: any = {};

src/pages/studyView/UserSelections.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import _ from 'lodash';
+import _, { filter } from 'lodash';
 import { observer } from 'mobx-react';
 import { computed, makeObservable, runInAction } from 'mobx';
 import styles from './styles.module.scss';
@@ -302,37 +302,42 @@ export default class UserSelections extends React.Component<
                 );
                 const chartMeta = this.props.attributesMetaSet[uniqueKey];
                 if (chartMeta) {
+                    const filters = mutationDataFilter.values.map(
+                        dataFilterValues => {
+                            return (
+                                <GroupLogic
+                                    components={[
+                                        this.groupedMutationDataFilters(
+                                            dataFilterValues,
+                                            this.props.updateMutationDataFilter,
+                                            chartMeta
+                                        ),
+                                    ]}
+                                    operation=":"
+                                    group={dataFilterValues.length > 1}
+                                />
+                            );
+                        }
+                    );
+
                     acc.push(
                         <div className={styles.parentGroupLogic}>
                             <GroupLogic
-                                components={mutationDataFilter.values.map(
-                                    dataFilterValues => {
-                                        return (
-                                            <GroupLogic
-                                                components={[
-                                                    <span
-                                                        className={
-                                                            styles.filterClinicalAttrName
-                                                        }
-                                                    >
-                                                        {chartMeta.displayName}
-                                                    </span>,
-                                                    this.groupedMutationDataFilters(
-                                                        dataFilterValues,
-                                                        this.props
-                                                            .updateMutationDataFilter,
-                                                        chartMeta
-                                                    ),
-                                                ]}
-                                                operation=":"
-                                                group={
-                                                    dataFilterValues.length > 1
-                                                }
-                                            />
-                                        );
-                                    }
-                                )}
-                                operation={'and'}
+                                components={[
+                                    <span
+                                        className={
+                                            styles.filterClinicalAttrName
+                                        }
+                                    >
+                                        {chartMeta.displayName}
+                                    </span>,
+                                    <GroupLogic
+                                        components={filters}
+                                        operation={'and'}
+                                        group={filters.length > 1}
+                                    />,
+                                ]}
+                                operation={':'}
                                 group={false}
                             />
                         </div>

src/pages/studyView/addChartButton/geneLevelSelection/GeneLevelSelection.tsx

@@ -265,7 +265,8 @@ export default class GeneLevelSelection extends React.Component<
                         <div
                             style={{
                                 flex: 1,
-                                marginRight: 15,
+                                width: '50%',
+                                marginRight: '5%',
                             }}
                         >
                             <ReactSelect
@@ -274,31 +275,36 @@ export default class GeneLevelSelection extends React.Component<
                                 options={this.molecularProfileOptions}
                                 isClearable={false}
                                 isSearchable={false}
+                                style={{ width: '100%' }}
                             />
-                            {this.selectedOption &&
-                                this.subOptions
-                                    .map(option => option.profileType)
-                                    .includes(
-                                        this.selectedOption.alterationType
-                                    ) && (
-                                    <ReactSelect
-                                        value={this.selectedSubOption}
-                                        onChange={this.handleSubSelect}
-                                        options={this.subOptions}
-                                        isClearable={false}
-                                        isSearchable={false}
-                                    />
-                                )}
                         </div>
                         <button
                             disabled={this.isQueryInvalid || this.hasOQL}
                             className="btn btn-primary btn-sm"
                             data-test="GeneLevelSelectionSubmitButton"
                             onClick={this.onAddChart}
+                            style={{ width: '25%' }}
                         >
                             {this.props.submitButtonText}
                         </button>
                     </div>
+                    <div style={{ width: '70%', marginTop: '5px' }}>
+                        {this.selectedOption &&
+                            this.subOptions
+                                .map(option => option.profileType)
+                                .includes(
+                                    this.selectedOption.alterationType
+                                ) && (
+                                <ReactSelect
+                                    value={this.selectedSubOption}
+                                    onChange={this.handleSubSelect}
+                                    options={this.subOptions}
+                                    isClearable={false}
+                                    isSearchable={false}
+                                />
+                            )}
+                    </div>
+
                     {/* <div className={styles.operations}>
                         
                     </div> */}