From 8ca2079f6d477390a182bfcc50b4efa4bbb77a56 Mon Sep 17 00:00:00 2001
From: chgibb <chris.gibb@outlook.com>
Date: Fri, 20 Sep 2019 19:04:34 -0400
Subject: [PATCH] lint

---
 .../newCoverageTrackForm.tsx                  |  16 ++-
 .../forms/newCoverageTrackForm/step1.tsx      |  38 +++---
 .../contigSelectOverlay.tsx                   | 120 +++++++++---------
 .../createCoverageTrackOverlay.tsx            |  33 ++---
 4 files changed, 109 insertions(+), 98 deletions(-)

diff --git a/src/req/renderer/containers/forms/newCoverageTrackForm/newCoverageTrackForm.tsx b/src/req/renderer/containers/forms/newCoverageTrackForm/newCoverageTrackForm.tsx
index e1a26e680..b1476fee1 100644
--- a/src/req/renderer/containers/forms/newCoverageTrackForm/newCoverageTrackForm.tsx
+++ b/src/req/renderer/containers/forms/newCoverageTrackForm/newCoverageTrackForm.tsx
@@ -1,7 +1,9 @@
 import * as React from "react";
-import { CircularFigure, Contig } from '../../../circularFigure/circularFigure';
-import { AlignData } from '../../../../alignData';
-import { Form, FullWidthStepperForm } from '../../fullWidthStepperForm';
+
+import {CircularFigure, Contig} from "../../../circularFigure/circularFigure";
+import {AlignData} from "../../../../alignData";
+import {Form, FullWidthStepperForm} from "../../fullWidthStepperForm";
+
 import {step1} from "./step1";
 
 export interface NewCoverageTrackFormProps
@@ -39,14 +41,16 @@ export class NewCoverageTrackForm extends React.Component<NewCoverageTrackFormPr
 
     public onAdvance(step : number) : Promise<boolean>
     {
-        return new Promise<boolean>((resolve : (val : boolean) => void) : void => {
+        return new Promise<boolean>((resolve : (val : boolean) => void) : void => 
+        {
             return resolve(true);
         });
     }
 
     public onRetreat(step : number) : Promise<boolean>
     {
-        return new Promise<boolean>((resolve : (val : boolean) => void) : void => {
+        return new Promise<boolean>((resolve : (val : boolean) => void) : void => 
+        {
             return resolve(true);
         });
     }
@@ -66,6 +70,6 @@ export class NewCoverageTrackForm extends React.Component<NewCoverageTrackFormPr
                     />
                 </div>
             </div>
-        )
+        );
     }
 }
diff --git a/src/req/renderer/containers/forms/newCoverageTrackForm/step1.tsx b/src/req/renderer/containers/forms/newCoverageTrackForm/step1.tsx
index 94fd233dd..47389546e 100644
--- a/src/req/renderer/containers/forms/newCoverageTrackForm/step1.tsx
+++ b/src/req/renderer/containers/forms/newCoverageTrackForm/step1.tsx
@@ -1,13 +1,15 @@
 import * as React from "react";
-import { NewCoverageTrackForm } from './newCoverageTrackForm';
-import { FullWidthFormStep } from '../../fullWidthStepperForm';
-import { GridWrapper } from '../../gridWrapper';
-import { Grid } from '../../../components/grid';
-import { Switch } from '../../../components/switch';
-import { FormGroup } from '../../../components/formGroup';
-import { FormControlLabel } from '../../../components/formControlLabel';
-import { OutlinedInput } from '../../../components/outlinedInput';
-import { Typography } from '../../../components/typography';
+
+import {FullWidthFormStep} from "../../fullWidthStepperForm";
+import {GridWrapper} from "../../gridWrapper";
+import {Grid} from "../../../components/grid";
+import {Switch} from "../../../components/switch";
+import {FormGroup} from "../../../components/formGroup";
+import {FormControlLabel} from "../../../components/formControlLabel";
+import {OutlinedInput} from "../../../components/outlinedInput";
+import {Typography} from "../../../components/typography";
+
+import {NewCoverageTrackForm} from "./newCoverageTrackForm";
 
 export function step1(this : NewCoverageTrackForm) : FullWidthFormStep
 {
@@ -39,7 +41,8 @@ export function step1(this : NewCoverageTrackForm) : FullWidthFormStep
                                         <Switch
                                             color="primary"
                                             checked={this.state.log10Scale}
-                                            onChange={(event) => {
+                                            onChange={(event) => 
+                                            {
                                                 this.setState({
                                                     log10Scale : event.target.checked
                                                 });
@@ -51,18 +54,19 @@ export function step1(this : NewCoverageTrackForm) : FullWidthFormStep
                             </FormGroup>
                         </Grid>
                         <Grid item style={{marginTop:".5vh"}}>
-                        <GridWrapper>
-                    <Grid container spacing={4} justify="center">
-                        <Grid item>
-                            <Typography>And then scale by:</Typography>
-                            </Grid>
-                            </Grid>
+                            <GridWrapper>
+                                <Grid container spacing={4} justify="center">
+                                    <Grid item>
+                                        <Typography>And then scale by:</Typography>
+                                    </Grid>
+                                </Grid>
                             </GridWrapper>
                             <OutlinedInput
                                 label={this.state.scaleFactor.toString()}
                                 inputProps={{
                                     type : "number",
-                                    onChange : (event) => {
+                                    onChange : (event) => 
+                                    {
                                         let value = parseFloat(event.target.value);
 
                                         if(!isNaN(value))
diff --git a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/contigSelectOverlay.tsx b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/contigSelectOverlay.tsx
index cebc7338c..d7a4d19ab 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/contigSelectOverlay.tsx
+++ b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/contigSelectOverlay.tsx
@@ -12,7 +12,8 @@ import {ExpandMore} from "../../../../../components/icons/expandMore";
 import {ChevronRight} from "../../../../../components/icons/chevronRight";
 import {AddBox} from "../../../../../components/icons/addBox";
 import {TreeItem} from "../../../../../components/treeItem";
-import { CreateCoverageTrackOverlay } from './createCoverageTrackOverlay';
+
+import {CreateCoverageTrackOverlay} from "./createCoverageTrackOverlay";
 
 export interface ContigSelectProps {
     onClose: () => void;
@@ -53,65 +54,66 @@ export class ContigSelectOverlay extends React.Component<ContigSelectProps, Cont
                 </div>
                 {
                     !this.state.selectedContig ? 
-                <GridWrapper>
-                    <div style={{marginLeft: "1vh", marginBottom: "1vh"}}>
-                        <Grid container direction="row" spacing={1} justify="flex-start">
-                            <Grid item>
-                                <TreeView
-                                    defaultExpandIcon={<ChevronRight color="primary" classes={{colorPrimary: blue}} />}
-                                    defaultCollapseIcon={<ExpandMore color="primary" classes={{colorPrimary: blue}} />}
-                                >
-                                    {
-                                        this.props.figure.contigs.map((contig,i) => 
-                                        {
-                                            return (
-                                                <TreeItem
-                                                    nodeId={`${contig.name}-${i}`}
-                                                    label={contig.name}
-                                                >
-                                                    {
-                                                        this.props.figure.renderedCoverageTracks.map((track,j) => 
-                                                        {
-                                                            return (
-                                                                <TreeItem
-                                                                    nodeId={`${contig.name}-${i}-${j}`}
-                                                                    label={`Scaled by ${track.scaleFactor}${track.log10Scaled ? ", log10 scaled" : ""}`}
-                                                                />
-                                                            );
-                                                        })
-                                                    }
-                                                    <TreeItem
-                                                        nodeId={`${contig.name}-${i}-new`}
-                                                        label="New Coverage Track"
-                                                        icon={
-                                                                <AddBox 
-                                                                    color="primary" 
-                                                                    classes={{colorPrimary:blue}} 
-                                                                />
-                                                        }
-                                                        onClick={()=>{
-                                                            this.setState({
-                                                                selectedContig : contig
-                                                            });
-                                                        }}
-                                                    />
-                                                </TreeItem>
-                                            );
-                                        })
-                                    }
-                                </TreeView>
-                            </Grid>
-                        </Grid>
-                    </div>
-                </GridWrapper> :
+                        <GridWrapper>
+                            <div style={{marginLeft: "1vh", marginBottom: "1vh"}}>
+                                <Grid container direction="row" spacing={1} justify="flex-start">
+                                    <Grid item>
+                                        <TreeView
+                                            defaultExpandIcon={<ChevronRight color="primary" classes={{colorPrimary: blue}} />}
+                                            defaultCollapseIcon={<ExpandMore color="primary" classes={{colorPrimary: blue}} />}
+                                        >
+                                            {
+                                                this.props.figure.contigs.map((contig,i) => 
+                                                {
+                                                    return (
+                                                        <TreeItem
+                                                            nodeId={`${contig.name}-${i}`}
+                                                            label={contig.name}
+                                                        >
+                                                            {
+                                                                this.props.figure.renderedCoverageTracks.map((track,j) => 
+                                                                {
+                                                                    return (
+                                                                        <TreeItem
+                                                                            nodeId={`${contig.name}-${i}-${j}`}
+                                                                            label={`Scaled by ${track.scaleFactor}${track.log10Scaled ? ", log10 scaled" : ""}`}
+                                                                        />
+                                                                    );
+                                                                })
+                                                            }
+                                                            <TreeItem
+                                                                nodeId={`${contig.name}-${i}-new`}
+                                                                label="New Coverage Track"
+                                                                icon={
+                                                                    <AddBox 
+                                                                        color="primary" 
+                                                                        classes={{colorPrimary:blue}} 
+                                                                    />
+                                                                }
+                                                                onClick={()=>
+                                                                {
+                                                                    this.setState({
+                                                                        selectedContig : contig
+                                                                    });
+                                                                }}
+                                                            />
+                                                        </TreeItem>
+                                                    );
+                                                })
+                                            }
+                                        </TreeView>
+                                    </Grid>
+                                </Grid>
+                            </div>
+                        </GridWrapper> :
 
-                <React.Fragment>
-                    <CreateCoverageTrackOverlay
-                        figure={this.props.figure}
-                        selectedContig={this.state.selectedContig}
-                        align={this.props.align}
-                    />
-                </React.Fragment>
+                        <React.Fragment>
+                            <CreateCoverageTrackOverlay
+                                figure={this.props.figure}
+                                selectedContig={this.state.selectedContig}
+                                align={this.props.align}
+                            />
+                        </React.Fragment>
                 }
             </React.Fragment>
         );
diff --git a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/createCoverageTrackOverlay.tsx b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/createCoverageTrackOverlay.tsx
index c93a3ae98..be29ac02d 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/createCoverageTrackOverlay.tsx
+++ b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/coverageTrackOverlay/createCoverageTrackOverlay.tsx
@@ -1,10 +1,11 @@
 import * as React from "react";
-import { CircularFigure } from '../../../../../circularFigure/circularFigure';
-import { Contig } from '../../../../../../fastaContigLoader';
-import { Grid } from '../../../../../components/grid';
-import { Typography } from '../../../../../components/typography';
-import { NewCoverageTrackForm } from '../../../../../containers/forms/newCoverageTrackForm/newCoverageTrackForm';
-import { AlignData } from '../../../../../../alignData';
+
+import {CircularFigure} from "../../../../../circularFigure/circularFigure";
+import {Contig} from "../../../../../../fastaContigLoader";
+import {Grid} from "../../../../../components/grid";
+import {Typography} from "../../../../../components/typography";
+import {NewCoverageTrackForm} from "../../../../../containers/forms/newCoverageTrackForm/newCoverageTrackForm";
+import {AlignData} from "../../../../../../alignData";
 
 export interface CreateCoverageTrackOverlayProps
 {
@@ -34,16 +35,16 @@ export class CreateCoverageTrackOverlay extends React.Component<CreateCoverageTr
         return (
             <React.Fragment>
                 <div style={{marginLeft: "2.5vh"}}>
-                <Grid container spacing={4} justify="flex-start">
-                    <Typography>New Coverage Track for {this.props.selectedContig.alias}:</Typography>
-                </Grid>
-            </div>
-            <NewCoverageTrackForm
-                figure={this.props.figure}
-                contig={this.props.selectedContig}
-                align={this.props.align}
-            />
+                    <Grid container spacing={4} justify="flex-start">
+                        <Typography>New Coverage Track for {this.props.selectedContig.alias}:</Typography>
+                    </Grid>
+                </div>
+                <NewCoverageTrackForm
+                    figure={this.props.figure}
+                    contig={this.props.selectedContig}
+                    align={this.props.align}
+                />
             </React.Fragment>
-        )
+        );
     }
 }