Add type for genomeBrowserData layout callbacks

src/scripts/layout/genome-browser.ts

-import { GenomeBrowserState, GeneData, GenomeBrowserData } from "../types";
+import {
+  GenomeBrowserState,
+  GeneData,
+  GenomeBrowserData
+} from "../types";
 import { format as d3Format } from "d3-format";
 import { scaleOrdinal } from "d3-scale";
 import { color } from "d3";
@@ -11,8 +15,8 @@ const geneColor = scaleOrdinal(
 );
 export default function genomeBrowserData(
   state: GenomeBrowserState,
-  brushHandler: any,
-  clickHandler: any
+  brushHandler: (scale: any, state: GenomeBrowserState) => void,
+  clickHandler: (geneLocation: [number, number], state: GenomeBrowserState) => void
 ): GenomeBrowserData {
   const {
     window,

tests/genome-browser.test.ts

 import GenomeBrowser from "../src/scripts/component/genome-browser";
 import genomeBrowserDataLayout from "../src/scripts/layout/genome-browser";
-import { GenomeBrowserData, GeneData } from "../src/scripts/types";
+import { GenomeBrowserData, GeneData, GenomeBrowserState } from "../src/scripts/types";
 import { select } from "d3-selection";
 
 describe("Test Genome Browser", () => {
@@ -47,10 +47,11 @@ describe("Test Genome Browser", () => {
     }
   }
 
+
   const genomeBrowserData = genomeBrowserDataLayout(
     genomeBrowserState,
-    () => console.log("brush"),
-    () => console.log("click")
+    (scale, state: GenomeBrowserState) => console.log(scale),
+    (geneLocation, state: GenomeBrowserState) => console.log(geneLocation)
   );
   const data: GenomeBrowserData[] = [genomeBrowserData];
   document.body.innerHTML =