resolved typecheck errors

Author: harshitaphadtare

.github/workflows/ci.yml

@@ -0,0 +1,82 @@
+name: CI
+
+on:
+  pull_request:
+    branches: ["**"]
+  push:
+    branches: ["main", "develop"]
+
+permissions: read-all
+
+concurrency:
+  group: ci-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  frontend:
+    name: Frontend (Node ${{ matrix.node-version }})
+    runs-on: ubuntu-latest
+    env:
+      CI: true
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x]
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: npm
+          cache-dependency-path: frontend/package-lock.json
+      - name: Install deps
+        run: npm ci
+      - name: Typecheck
+        run: npm run typecheck
+      - name: Run tests
+        run: npm run test:run -- --reporter=verbose
+      - name: Coverage
+        run: npm run test:coverage
+      - name: Upload coverage artifact
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: frontend-coverage-${{ matrix.node-version }}
+          path: frontend/coverage
+
+  backend:
+    name: Backend (Node ${{ matrix.node-version }})
+    runs-on: ubuntu-latest
+    env:
+      CI: true
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x]
+    defaults:
+      run:
+        working-directory: backend
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: npm
+          cache-dependency-path: backend/package-lock.json
+      - name: Install deps
+        run: npm ci
+      - name: Run tests
+        run: npm test
+      - name: Coverage
+        run: npm run test:coverage
+      - name: Upload coverage artifact
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: backend-coverage-${{ matrix.node-version }}
+          path: backend/coverage

frontend/src/App.tsx

@@ -1,22 +1,13 @@
-import React from 'react'
 import { createBrowserRouter, RouterProvider } from 'react-router-dom'
 import { ThemeProvider } from 'next-themes'
 import Home from './pages/Home'
 import NotFound from './pages/NotFound'
 
 function App() {
-  const router = createBrowserRouter(
-    [
-      { path: '/', element: <Home /> },
-      { path: '*', element: <NotFound /> },
-    ],
-    {
-      future: {
-        v7_startTransition: true,
-        v7_relativeSplatPath: true,
-      },
-    }
-  )
+  const router = createBrowserRouter([
+    { path: '/', element: <Home /> },
+    { path: '*', element: <NotFound /> },
+  ])
   return (
     <ThemeProvider attribute="class" defaultTheme="light" enableSystem>
       <RouterProvider router={router} />

frontend/src/components/Footer.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
 import { Github, Rocket } from 'lucide-react';
 
-const Footer: React.FC = () => {
+const Footer = () => {
   return (
     <footer className="bg-slate-50 dark:bg-gray-800/50 border-t border-slate-200 dark:border-white/10 mt-auto">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

frontend/src/components/GoogleMap.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
 
 export type GeoPoint = {
@@ -111,7 +111,7 @@ export function GoogleMap({ from, to, animateKey, className }: GoogleMapProps) {
         directionsRendererRef.current.setDirections(result);
 
         // Add custom markers
-        const startMarker = new window.google.maps.Marker({
+        new window.google.maps.Marker({
           position: { lat: from.lat, lng: from.lon },
           map: mapInstanceRef.current,
           title: from.name || 'Start',
@@ -125,7 +125,7 @@ export function GoogleMap({ from, to, animateKey, className }: GoogleMapProps) {
           }
         });
 
-        const endMarker = new window.google.maps.Marker({
+        new window.google.maps.Marker({
           position: { lat: to.lat, lng: to.lon },
           map: mapInstanceRef.current,
           title: to.name || 'End',

frontend/src/components/LeafletMap.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 import L from 'leaflet'
 import 'leaflet/dist/leaflet.css'
 

frontend/src/components/LocationSearch.tsx

@@ -63,7 +63,7 @@ export function LocationSearch({
 }: LocationSearchProps) {
   const [searchResults, setSearchResults] = useState<Location[]>([]);
   const [isOpen, setIsOpen] = useState(false);
-  const [isSearching, setIsSearching] = useState(false);
+  const [isSearching] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
   const dropdownRef = useRef<HTMLDivElement>(null);
 

frontend/src/components/ui/theme-toggle.tsx

@@ -1,4 +1,3 @@
-import * as React from "react"
 import { Moon, Sun } from "lucide-react"
 import { useTheme } from "next-themes"
 import { Button } from "@/components/ui/button"

frontend/src/pages/Home.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { LocationSearch } from "@/components/LocationSearch";
 import LeafletMap from "@/components/LeafletMap";
 import { Button } from "@/components/ui/button";

frontend/src/pages/NotFound.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Button } from '@/components/ui/button';
 import { useNavigate } from 'react-router-dom';