Fix compiler errors

entur · Nov 21, 2023 · 88765aa · 88765aa
1 parent cab5e4d
commit 88765aa
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 28 deletions.
diff --git a/client-next/src/components/SearchBar/SearchBar.tsx b/client-next/src/components/SearchBar/SearchBar.tsx
@@ -1,4 +1,4 @@
-import { Button, Stack } from 'react-bootstrap';
+import { Button } from 'react-bootstrap';
 import { ServerInfo, TripQueryVariables } from '../../gql/graphql.ts';
 import { LocationInputField } from './LocationInputField.tsx';
 import { DepartureArrivalSelect } from './DepartureArrivalSelect.tsx';

diff --git a/client-next/src/components/SearchBar/ServerInfoTooltip.tsx b/client-next/src/components/SearchBar/ServerInfoTooltip.tsx
@@ -1,32 +1,21 @@
 import { ServerInfo } from '../../gql/graphql.ts';
 import { Overlay } from 'react-bootstrap';
-import { MutableRefObject, ReactNode, useRef } from 'react';
+import { MutableRefObject } from 'react';
 
-export function ServerInfoTooltip({ target, serverInfo }: { target: MutableRefObject<any>; serverInfo?: ServerInfo }) {
+export function ServerInfoTooltip({ target, serverInfo }: { target: MutableRefObject<null>; serverInfo?: ServerInfo }) {
   return (
     <Overlay target={target.current} show={!!serverInfo} placement="right">
-      {({
-        placement: _placement,
-        arrowProps: _arrowProps,
-        show: _show,
-        popper: _popper,
-        hasDoneInitialMeasure: _hasDoneInitialMeasure,
-        ...props
-      }) => (
-        <div
-          {...props}
-          style={{
-            position: 'absolute',
-            backgroundColor: 'rgba(255, 100, 100, 0.85)',
-            padding: '2px 10px',
-            color: 'white',
-            borderRadius: 3,
-            ...props.style,
-          }}
-        >
-          <pre>{JSON.stringify(serverInfo, null, 2)}</pre>
-        </div>
-      )}
+      <div
+        style={{
+          position: 'absolute',
+          backgroundColor: 'rgba(255, 100, 100, 0.85)',
+          padding: '2px 10px',
+          color: 'white',
+          borderRadius: 3,
+        }}
+      >
+        <pre>{JSON.stringify(serverInfo, null, 2)}</pre>
+      </div>
     </Overlay>
   );
 }
diff --git a/client-next/src/hooks/useServerInfo.ts b/client-next/src/hooks/useServerInfo.ts
@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { graphql } from '../gql';
 import request from 'graphql-request';
-import { QueryType, TripQueryVariables } from '../gql/graphql.ts';
+import { QueryType } from '../gql/graphql.ts';
 
 const endpoint = import.meta.env.VITE_API_URL;
 

diff --git a/client-next/src/util/formatDistance.ts b/client-next/src/util/formatDistance.ts
@@ -4,7 +4,7 @@
  * Adapted from src/client/js/otp/util/Geo.js#distanceStringMetric
  */
 export function formatDistance(meters: number) {
-  let kilometers = meters / 1000;
+  const kilometers = meters / 1000;
   if (kilometers > 100) {
     //100 km => 999999999 km
     return `${kilometers.toFixed(0)} km`;