From f976eba6963004c4af17318282e9a33907c1875b Mon Sep 17 00:00:00 2001
From: nofurtherinformation <dhalpern@uchicago.edu>
Date: Wed, 29 May 2024 11:26:02 -0500
Subject: [PATCH] lint

---
 app/api/names/route.tsx                     |  2 +-
 app/tract/[tract]/page.tsx                  |  2 +-
 components/AutoComplete/AutoComplete.tsx    | 14 ++++++++------
 components/Map/Map.tsx                      |  2 +-
 components/Pages/Home/Renderer.tsx          |  2 +-
 components/StatefulControls/PlaceSearch.tsx |  2 +-
 components/Transition/index.tsx             |  7 +++----
 7 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/api/names/route.tsx b/app/api/names/route.tsx
index 72138fe..5df288f 100644
--- a/app/api/names/route.tsx
+++ b/app/api/names/route.tsx
@@ -1,4 +1,4 @@
-import { ImageResponse } from "next/og"
+// import { ImageResponse } from "next/og"
 import { findNames } from "utils/getFilteredNames"
 // App router includes @vercel/og.
 // No need to install it.
diff --git a/app/tract/[tract]/page.tsx b/app/tract/[tract]/page.tsx
index d3827aa..476f3c0 100644
--- a/app/tract/[tract]/page.tsx
+++ b/app/tract/[tract]/page.tsx
@@ -1,7 +1,7 @@
+import Head from "next/head"
 import React from "react"
 import ReportLayout from "components/ReportLayout"
 import { getContentDirs } from "utils/contentDirs"
-import Head from "next/head"
 
 type TractRouteParams = {
   params: {
diff --git a/components/AutoComplete/AutoComplete.tsx b/components/AutoComplete/AutoComplete.tsx
index dbfccbe..98ce58a 100644
--- a/components/AutoComplete/AutoComplete.tsx
+++ b/components/AutoComplete/AutoComplete.tsx
@@ -1,6 +1,6 @@
-import React, { useState, useEffect, useCallback, useRef } from "react"
-import { TextField, Box } from "@radix-ui/themes"
+import { Box, TextField } from "@radix-ui/themes"
 import debounce from "lodash.debounce"
+import React, { useCallback, useEffect, useRef, useState } from "react"
 
 interface AutoCompleteProps {
   dataCallback: (s: string) => Promise<Array<Record<string, unknown>>>
@@ -25,6 +25,7 @@ const AutoComplete: React.FC<AutoCompleteProps> = ({
   const [isFocused, setIsFocused] = useState(false)
   const containerRef = useRef<HTMLDivElement>(null)
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const fetchResults = useCallback(
     debounce(async (searchText: string) => {
       if (searchText) {
@@ -41,6 +42,7 @@ const AutoComplete: React.FC<AutoCompleteProps> = ({
         setResults([])
       }
     }, delay),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [debounce, dataCallback]
   )
 
@@ -67,8 +69,8 @@ const AutoComplete: React.FC<AutoCompleteProps> = ({
         className="
           w-full max-w-none rounded border border-gray-300 bg-none p-2 
           [&>*]:w-full
-          [&>input]:bg-black/0
           [&>*]:text-white
+          [&>input]:bg-black/0
           
           "
       >
@@ -76,13 +78,13 @@ const AutoComplete: React.FC<AutoCompleteProps> = ({
       </TextField.Root>
       {isFocused &&
         (isLoading ? (
-          <Box className="absolute mt-1 w-full rounded border bg-neutral-900 border-gray-300 p-2">Loading...</Box>
+          <Box className="absolute mt-1 w-full rounded border border-gray-300 bg-neutral-900 p-2">Loading...</Box>
         ) : (
           results.length > 0 && (
-            <Box className="absolute mt-1 w-full rounded border bg-neutral-900 border-gray-300 p-2">
+            <Box className="absolute mt-1 w-full rounded border border-gray-300 bg-neutral-900 p-2">
               <ul>
                 {results.map((item, index) => (
-                  <li key={index} className="hover:bg-primary-500 cursor-pointer p-1">
+                  <li key={index} className="cursor-pointer p-1 hover:bg-primary-500">
                     <button
                       onClick={() => {
                         setQuery(item[listTitleProperty] as string)
diff --git a/components/Map/Map.tsx b/components/Map/Map.tsx
index 0de3bc2..5c6aa99 100644
--- a/components/Map/Map.tsx
+++ b/components/Map/Map.tsx
@@ -407,7 +407,7 @@ export const Map: React.FC<MapProps> = ({ initialFilter, simpleMap = false, onCl
                 <MenuButton
                   key={i}
                   onClick={() => handleSetColumn(c)}
-                  label={c}
+                  label={c} 
                   selected={currentColumn === c}
                 />
               ))}
diff --git a/components/Pages/Home/Renderer.tsx b/components/Pages/Home/Renderer.tsx
index 09f2119..6f921bf 100644
--- a/components/Pages/Home/Renderer.tsx
+++ b/components/Pages/Home/Renderer.tsx
@@ -1,6 +1,6 @@
 import Image from "next/image"
-import { HomeProps } from "./types"
 import { PlaceSearch } from "components/StatefulControls/PlaceSearch"
+import { HomeProps } from "./types"
 
 export const Renderer: React.FC<HomeProps> = () => {
   // const sections = pageInfo.data.page.sections || []
diff --git a/components/StatefulControls/PlaceSearch.tsx b/components/StatefulControls/PlaceSearch.tsx
index c4f25a9..df2c3a5 100644
--- a/components/StatefulControls/PlaceSearch.tsx
+++ b/components/StatefulControls/PlaceSearch.tsx
@@ -1,6 +1,6 @@
 "use client"
-import AutoComplete from "components/AutoComplete/AutoComplete"
 import { useRouter } from "next/navigation"
+import AutoComplete from "components/AutoComplete/AutoComplete"
 
 const fetchData = (s: string) => fetch(`/api/names?search=${s}`).then((res) => res.json() as any)
 
diff --git a/components/Transition/index.tsx b/components/Transition/index.tsx
index b5853f1..d33e67c 100644
--- a/components/Transition/index.tsx
+++ b/components/Transition/index.tsx
@@ -6,9 +6,9 @@ import {
   MouseEventHandler,
   PropsWithChildren,
   use,
-  useEffect,
+  // useEffect,
   useLayoutEffect,
-  useRef,
+  // useRef,
   useState,
   useTransition,
 } from "react"
@@ -47,7 +47,6 @@ export default function Transitions({ children, className }: Props) {
   const [isLoading, setIsLoading] = useState(false)
   const router = useRouter()
   const pathname = usePathname()
-  const currLoaded = useRef(pathname)
 
   useLayoutEffect(() => {
     setIsLoading(false)
@@ -99,7 +98,7 @@ export function Animate({ children, className }: Props) {
 
 const Loader = () => {
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-neutral-500/25 bg-opacity-75">
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-neutral-500/75">
       <div className="text-center">
         <div className="text-2xl text-neutral-500">Loading...</div>
         {/* <div className="loader mt-4"></div> */}