From 55c9549ec507d6bf3343803f9181b44d6cd32c25 Mon Sep 17 00:00:00 2001
From: chgibb <chris.gibb@outlook.com>
Date: Tue, 10 Sep 2019 18:53:54 -0400
Subject: [PATCH] lint

---
 .../circularGenomeBuilderView.tsx             |  4 +-
 .../containers/genomeBuilderOverlays.tsx      | 19 +++---
 .../containers/overlays/editContigOverlay.tsx | 68 ++++++++++---------
 .../editCache/changeContigBodyColour.ts       | 48 +++++++------
 .../editCache/changeContigText.ts             | 44 ++++++------
 5 files changed, 101 insertions(+), 82 deletions(-)

diff --git a/src/req/renderer/views/circularGenomeBuilderView/circularGenomeBuilderView.tsx b/src/req/renderer/views/circularGenomeBuilderView/circularGenomeBuilderView.tsx
index 693b1c368..5c701b1e3 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/circularGenomeBuilderView.tsx
+++ b/src/req/renderer/views/circularGenomeBuilderView/circularGenomeBuilderView.tsx
@@ -12,8 +12,8 @@ import {GenomeBuilderAppBar} from "./containers/genomeBuilderAppBar";
 import {GenomeBuilderOverlays} from "./containers/genomeBuilderOverlays";
 import {CircularGenomeEditCache, CircularGenomeEditOpts, CircularGenomeEditAction} from "./editCache/cirularGenomeEditCache";
 import {changeName} from "./editCache/changeName";
-import { changeContigText } from './editCache/changeContigText';
-import { changeContigBodyColour } from './editCache/changeContigBodyColour';
+import {changeContigText} from "./editCache/changeContigText";
+import {changeContigBodyColour} from "./editCache/changeContigBodyColour";
 
 export interface CircularGenomeBuilderViewState {
     figureSelectOvelayOpen: boolean;
diff --git a/src/req/renderer/views/circularGenomeBuilderView/containers/genomeBuilderOverlays.tsx b/src/req/renderer/views/circularGenomeBuilderView/containers/genomeBuilderOverlays.tsx
index 4db711b3b..27722cc37 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/containers/genomeBuilderOverlays.tsx
+++ b/src/req/renderer/views/circularGenomeBuilderView/containers/genomeBuilderOverlays.tsx
@@ -35,19 +35,20 @@ export function GenomeBuilderOverlays(this: CircularGenomeBuilderView, props: {
                         <EditContigsOverlay
                             figure={figure}
                             open={this.state.editContigsOverlayOpen}
-                            onSave={(opts) => {
+                            onSave={(opts) => 
+                            {
                                 if(figure)
                                 {
-                                if(opts.newName)
-                                {
-                                    this.changeContigText(figure,opts.contigUuid,opts.newName);
-                                }
+                                    if(opts.newName)
+                                    {
+                                        this.changeContigText(figure,opts.contigUuid,opts.newName);
+                                    }
 
-                                if(opts.newBodyColour)
-                                {
-                                    this.changeContigBodyColour(figure,opts.contigUuid,opts.newBodyColour);
+                                    if(opts.newBodyColour)
+                                    {
+                                        this.changeContigBodyColour(figure,opts.contigUuid,opts.newBodyColour);
+                                    }
                                 }
-                            }
                             }}
                             onClose={() => 
                             {
diff --git a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/editContigOverlay.tsx b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/editContigOverlay.tsx
index 90c544e89..e4ba349dd 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/editContigOverlay.tsx
+++ b/src/req/renderer/views/circularGenomeBuilderView/containers/overlays/editContigOverlay.tsx
@@ -1,15 +1,15 @@
 import * as React from "react";
-import { SketchPicker, ColorResult, RGBColor } from "react-color";
+import {SketchPicker, ColorResult, RGBColor} from "react-color";
 
-import { CircularFigure, Contig } from "../../../../circularFigure/circularFigure";
-import { GridWrapper } from "../../../../containers/gridWrapper";
-import { Grid } from "../../../../components/grid";
-import { IconButton } from "../../../../components/iconButton";
-import { blue } from "../../../../styles/colours";
-import { ChevronLeft } from "../../../../components/icons/chevronLeft";
-import { OutlinedInput } from "../../../../components/outlinedInput";
-import { Button } from '../../../../components/button';
-import { Typography } from '../../../../components/typography';
+import {CircularFigure, Contig} from "../../../../circularFigure/circularFigure";
+import {GridWrapper} from "../../../../containers/gridWrapper";
+import {Grid} from "../../../../components/grid";
+import {IconButton} from "../../../../components/iconButton";
+import {blue} from "../../../../styles/colours";
+import {ChevronLeft} from "../../../../components/icons/chevronLeft";
+import {OutlinedInput} from "../../../../components/outlinedInput";
+import {Button} from "../../../../components/button";
+import {Typography} from "../../../../components/typography";
 
 export interface EditContigOverlayProps {
     onClose: () => void;
@@ -28,19 +28,20 @@ export interface EditContigOverlayState {
 
 }
 
-export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
+export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element 
+{
     let endteredName = "";
     let enteredTextColour: ColorResult | undefined;
     let enteredBodyColour: ColorResult | undefined;
     return (
         <div>
 
-            <div style={{ marginLeft: "2vh" }}>
+            <div style={{marginLeft: "2vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <IconButton
                         edge="start"
                         color="primary"
-                        classes={{ colorPrimary: blue }}
+                        classes={{colorPrimary: blue}}
                         onClick={props.onClose}
                     >
                         <ChevronLeft />
@@ -48,13 +49,13 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                 </Grid>
             </div>
 
-            <div style={{ marginLeft: "2.5vh" }}>
+            <div style={{marginLeft: "2.5vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <Typography>Name in reference:</Typography>
                 </Grid>
             </div>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <Typography>{props.contig.name}</Typography>
@@ -62,19 +63,20 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                     </Grid>
                 </div>
             </GridWrapper>
-            <div style={{ marginLeft: "2.5vh" }}>
+            <div style={{marginLeft: "2.5vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <Typography>Name to display:</Typography>
                 </Grid>
             </div>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <OutlinedInput
                                 label={props.contig.alias}
                                 inputProps={{
-                                    onChange: (event) => {
+                                    onChange: (event) => 
+                                    {
                                         endteredName = event.target.value;
                                     }
                                 }}
@@ -83,25 +85,26 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                     </Grid>
                 </div>
             </GridWrapper>
-            <div style={{ marginLeft: "2.5vh" }}>
+            <div style={{marginLeft: "2.5vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <Typography>Text opacity:</Typography>
                 </Grid>
             </div>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <OutlinedInput
                                 label={props.contig.opacity ? props.contig.opacity.toString() : ""}
                                 inputProps={{
-                                    onChange: (event) => {
+                                    onChange: (event) => 
+                                    {
                                         if(event.target.value)
                                         {
                                             console.log(parseFloat(event.target.value));
                                             if(parseFloat(event.target.value) == NaN)
                                             {
-                                                alert(`Opacity must be a number`);
+                                                alert("Opacity must be a number");
                                             }
                                         }
                                     }
@@ -111,18 +114,19 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                     </Grid>
                 </div>
             </GridWrapper>
-            <div style={{ marginLeft: "2.5vh" }}>
+            <div style={{marginLeft: "2.5vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <Typography>Text colour:</Typography>
                 </Grid>
             </div>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <SketchPicker
                                 color={props.contig.fontFill}
-                                onChange={(color: ColorResult) => {
+                                onChange={(color: ColorResult) => 
+                                {
                                     enteredTextColour = color;
                                 }}
                             />
@@ -130,18 +134,19 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                     </Grid>
                 </div>
             </GridWrapper>
-            <div style={{ marginLeft: "2.5vh" }}>
+            <div style={{marginLeft: "2.5vh"}}>
                 <Grid container spacing={4} justify="flex-start">
                     <Typography>Body colour:</Typography>
                 </Grid>
             </div>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <SketchPicker
                                 color={props.contig.color}
-                                onChange={(color: ColorResult) => {
+                                onChange={(color: ColorResult) => 
+                                {
                                     enteredBodyColour = color;
                                 }}
                             />
@@ -150,7 +155,7 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                 </div>
             </GridWrapper>
             <GridWrapper>
-                <div style={{ marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh" }}>
+                <div style={{marginRight: "1vh", marginLeft: "1vh", marginBottom: "1vh", marginTop: "1vh"}}>
                     <Grid container spacing={4} justify="center">
                         <Grid item>
                             <Button
@@ -162,11 +167,12 @@ export function EditContigOverlay(props: EditContigOverlayProps): JSX.Element {
                         <Grid item>
                             <Button
                                 label="Save"
-                                onClick={() => {
+                                onClick={() => 
+                                {
                                     props.onSave({
                                         contigUuid: props.contig.uuid,
                                         newName: endteredName,
-                                        newBodyColour: enteredBodyColour ? enteredBodyColour.hex : '', 
+                                        newBodyColour: enteredBodyColour ? enteredBodyColour.hex : "", 
                                         newTextColour : undefined
                                     });
                                 }}
diff --git a/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigBodyColour.ts b/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigBodyColour.ts
index ec1d84d9a..b49eaadfd 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigBodyColour.ts
+++ b/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigBodyColour.ts
@@ -1,30 +1,36 @@
-import { CircularGenomeBuilderView } from '../circularGenomeBuilderView';
-import { CircularFigure } from '../../../circularFigure/circularFigure';
+import {CircularGenomeBuilderView} from "../circularGenomeBuilderView";
+import {CircularFigure} from "../../../circularFigure/circularFigure";
 
-export function changeContigBodyColour(this: CircularGenomeBuilderView, figure: CircularFigure, contigUuid: string, colour: string): void {
+export function changeContigBodyColour(this: CircularGenomeBuilderView, figure: CircularFigure, contigUuid: string, colour: string): void 
+{
     this.maybePushEdit(
         figure, {
-        description: `Change contig body colour to ${colour}`,
-        commit: (figure: CircularFigure) => {
-            let contig = figure.contigs.find(x => x.uuid == contigUuid);
+            description: `Change contig body colour to ${colour}`,
+            commit: (figure: CircularFigure) => 
+            {
+                let contig = figure.contigs.find(x => x.uuid == contigUuid);
             
-            if (contig) {
-                console.log(contig.color);
-            console.log(colour);
-                contig.color = colour;
-            }
-        },
-        afterCommit: () => {
-            this.saveFigures();
-        },
-        rollback: (newFigure: CircularFigure, oldFigure: CircularFigure) => {
-            let newContig = newFigure.contigs.find(x => x.uuid == contigUuid);
-            let oldContig = oldFigure.contigs.find(x => x.uuid == contigUuid);
+                if (contig) 
+                {
+                    console.log(contig.color);
+                    console.log(colour);
+                    contig.color = colour;
+                }
+            },
+            afterCommit: () => 
+            {
+                this.saveFigures();
+            },
+            rollback: (newFigure: CircularFigure, oldFigure: CircularFigure) => 
+            {
+                let newContig = newFigure.contigs.find(x => x.uuid == contigUuid);
+                let oldContig = oldFigure.contigs.find(x => x.uuid == contigUuid);
 
-            if (newContig && oldContig) {
-                newContig.color = oldContig.color;
+                if (newContig && oldContig) 
+                {
+                    newContig.color = oldContig.color;
+                }
             }
         }
-    }
     );
 }
diff --git a/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigText.ts b/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigText.ts
index 93890895e..01d48c3e6 100644
--- a/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigText.ts
+++ b/src/req/renderer/views/circularGenomeBuilderView/editCache/changeContigText.ts
@@ -1,28 +1,34 @@
-import { CircularGenomeBuilderView } from '../circularGenomeBuilderView';
-import { CircularFigure } from '../../../circularFigure/circularFigure';
+import {CircularGenomeBuilderView} from "../circularGenomeBuilderView";
+import {CircularFigure} from "../../../circularFigure/circularFigure";
 
-export function changeContigText(this: CircularGenomeBuilderView, figure: CircularFigure, contigUuid: string, text: string): void {
+export function changeContigText(this: CircularGenomeBuilderView, figure: CircularFigure, contigUuid: string, text: string): void 
+{
     this.maybePushEdit(
         figure, {
-        description: `Change contig text to ${text}`,
-        commit: (figure: CircularFigure) => {
-            let contig = figure.contigs.find(x => x.uuid == contigUuid);
+            description: `Change contig text to ${text}`,
+            commit: (figure: CircularFigure) => 
+            {
+                let contig = figure.contigs.find(x => x.uuid == contigUuid);
 
-            if (contig) {
-                contig.alias = text;
-            }
-        },
-        afterCommit: () => {
-            this.saveFigures();
-        },
-        rollback: (newFigure: CircularFigure, oldFigure: CircularFigure) => {
-            let newContig = newFigure.contigs.find(x => x.uuid == contigUuid);
-            let oldContig = oldFigure.contigs.find(x => x.uuid == contigUuid);
+                if (contig) 
+                {
+                    contig.alias = text;
+                }
+            },
+            afterCommit: () => 
+            {
+                this.saveFigures();
+            },
+            rollback: (newFigure: CircularFigure, oldFigure: CircularFigure) => 
+            {
+                let newContig = newFigure.contigs.find(x => x.uuid == contigUuid);
+                let oldContig = oldFigure.contigs.find(x => x.uuid == contigUuid);
 
-            if (newContig && oldContig) {
-                newContig.alias = oldContig.alias;
+                if (newContig && oldContig) 
+                {
+                    newContig.alias = oldContig.alias;
+                }
             }
         }
-    }
     );
 }