refactoring

weng-lab · Sep 6, 2023 · ef80448 · ef80448
1 parent fc313f3
commit ef80448
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 19 deletions.
diff --git a/screen2.0/src/app/search/gbview/defaulttracks.tsx b/screen2.0/src/app/search/gbview/defaulttracks.tsx
@@ -157,7 +157,7 @@ const DefaultTracks: React.FC<DefaultTracksProps> = (props) => {
     () =>
       associateBy(
         (data && data.bigRequests && data.bigRequests[0].data) || [],
-        (x: any) => x.name,
+        (x: { name: string}) => x.name,
         (x: any) => ({ chromosome: x.chr, start: x.start, end: x.end })
       ),
     [data]

diff --git a/screen2.0/src/app/search/gbview/tfmotiftrack.tsx b/screen2.0/src/app/search/gbview/tfmotiftrack.tsx
@@ -40,11 +40,11 @@ export const TfMotifTrack = (props) => {
         data={props.data}
         transform="translate(0,40)"
         tooltipContent={(rect: any) => {
-          console.log(rect, ":recg")
+
           return <MotifTooltip {...rect} />
         }}
         onClick={(x: any) => {
-          //return window.open(`${x}`)
+
           return window.open(
             `https://factorbook.org/tf/${props.assembly === "GRCh38" ? "human" : "mouse"}/${x.rectname.split("$")[2]}/motif`,
             "_blank"

diff --git a/screen2.0/src/common/components/MainResultsTable.tsx b/screen2.0/src/common/components/MainResultsTable.tsx
@@ -35,7 +35,7 @@ function MainResultsTable(props: Partial<DataTableProps<any>>) {
       },
       {
         header: "Chr",
-        value: (row: { chromosome: any }) => row.chromosome,
+        value: (row: { chromosome: string }) => row.chromosome,
       },
       {
         header: "Start",

diff --git a/screen2.0/src/common/components/mainsearch/CcreAutocomplete.tsx b/screen2.0/src/common/components/mainsearch/CcreAutocomplete.tsx
@@ -1,5 +1,5 @@
 "use client"
-import * as React from "react"
+import React, {useState, useCallback} from "react"
 import Box from "@mui/material/Box"
 import TextField from "@mui/material/TextField"
 import Autocomplete from "@mui/material/Autocomplete"
@@ -23,10 +23,10 @@ query cCREQuery($accession_prefix: [String!], $limit: Int, $assembly: String!) {
 }
 `
 export const CcreAutoComplete = (props) => {
-  const [value, setValue] = React.useState(null)
-  const [inputValue, setInputValue] = React.useState("")
-  const [options, setOptions] = React.useState([])
-  const [ccreAccessions, setCcreAccessions] = React.useState([])
+  const [value, setValue] = useState(null)
+  const [inputValue, setInputValue] = useState("")
+  const [options, setOptions] = useState([])
+  const [ccreAccessions, setCcreAccessions] = useState([])
 
   const router = useRouter()
   const onSearchChange = async (value: string) => {
@@ -62,7 +62,7 @@ export const CcreAutoComplete = (props) => {
     }
   }
 
-  const debounceFn = React.useCallback(debounce(onSearchChange, 500), [])
+  const debounceFn = useCallback(debounce(onSearchChange, 500), [])
 
   return (
     <Grid container sx={{ mr: "1em", ml: "1em" }}>

diff --git a/screen2.0/src/common/components/mainsearch/CelltypeAutocomplete.tsx b/screen2.0/src/common/components/mainsearch/CelltypeAutocomplete.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useRef, useCallback, useEffect } from "react"
+import React, { useState, useEffect } from "react"
 import Box from "@mui/material/Box"
 import TextField from "@mui/material/TextField"
 import Autocomplete from "@mui/material/Autocomplete"

diff --git a/screen2.0/src/common/components/mainsearch/GeneAutocomplete.tsx b/screen2.0/src/common/components/mainsearch/GeneAutocomplete.tsx
@@ -1,4 +1,4 @@
-import * as React from "react"
+import React, { useState, useEffect, useCallback } from "react"
 import Box from "@mui/material/Box"
 import TextField from "@mui/material/TextField"
 import Autocomplete from "@mui/material/Autocomplete"
@@ -23,15 +23,15 @@ query ($assembly: String!, $name_prefix: [String!], $limit: Int) {
  `
 
 export const GeneAutoComplete = (props) => {
-  const [value, setValue] = React.useState(null)
-  const [inputValue, setInputValue] = React.useState("")
-  const [options, setOptions] = React.useState<string[]>([])
-  const [geneids, setGeneIds] = React.useState<{ chrom: string; start: number; end: number; id: string; name: string }[]>([])
+  const [value, setValue] = useState(null)
+  const [inputValue, setInputValue] = useState("")
+  const [options, setOptions] = useState<string[]>([])
+  const [geneids, setGeneIds] = useState<{ chrom: string; start: number; end: number; id: string; name: string }[]>([])
 
   const router = useRouter()
-  const [geneDesc, setgeneDesc] = React.useState<{ name: string; desc: string }[]>()
+  const [geneDesc, setgeneDesc] = useState<{ name: string; desc: string }[]>()
 
-  React.useEffect(() => {
+  useEffect(() => {
     const fetchData = async () => {
       let f = await Promise.all(
         options.map((gene) =>
@@ -89,7 +89,7 @@ export const GeneAutoComplete = (props) => {
     }
   }
 
-  const debounceFn = React.useCallback(debounce(onSearchChange, 500), [])
+  const debounceFn = useCallback(debounce(onSearchChange, 500), [])
   const gridsize = props.gridsize || 5.5
   return (
     <Grid container sx={{ mr: "1em", ml: "1em" }}>