refactor: rename component files (#49)

app/(main)/layout.tsx

@@ -1,4 +1,4 @@
-import { Navbar } from '@/components/navbar'
+import { Navbar } from '@/components/Navbar'
 
 export default function MainLayout({
   children,

app/(main)/pilkada2024/page.tsx

@@ -1,4 +1,4 @@
-import DashboardLayout from '@/components/dashboard-layout'
+import DashboardLayout from '@/components/DashboardLayout'
 import MapDashboardProvider from '@/modules/MapDashboard/DashboardProvider'
 import MapView from '@/modules/Pilkada2024/MapView'
 import PilkadaProvider from '@/modules/Pilkada2024/PilkadaProvider'

app/layout.tsx

@@ -3,7 +3,7 @@ import { cn } from '@/lib/utils'
 import { Inter } from 'next/font/google'
 import { StrictMode } from 'react'
 import './globals.css'
-import QueryProvider from '@/components/query-provider'
+import QueryProvider from '@/components/QueryProvider'
 import { Toaster } from '@/components/ui/sonner'
 import type { Metadata } from 'next'
 import { ThemeProvider } from 'next-themes'

app/not-found.tsx

@@ -1,4 +1,4 @@
-import { Navbar } from '@/components/navbar'
+import { Navbar } from '@/components/Navbar'
 import { Button } from '@/components/ui/button'
 import { TriangleAlertIcon } from 'lucide-react'
 import type { Metadata } from 'next'

components/ComboboxArea.tsx

@@ -4,7 +4,7 @@ import {
   Combobox,
   type ComboboxOption,
   type ComboboxProps,
-} from '@/components/combobox'
+} from '@/components/Combobox'
 import { useArea } from '@/hooks/useArea'
 import type { FeatureArea } from '@/lib/config'
 import type { GetArea } from '@/lib/const'

components/map.tsx → components/Map.tsx

@@ -3,7 +3,7 @@
 import 'leaflet/dist/leaflet.css'
 import type { PropsWithChildren } from 'react'
 import { MapContainer, type MapContainerProps } from 'react-leaflet'
-import TileLayer from './tile-layer'
+import TileLayer from './TileLayer'
 
 export type MapProps = MapContainerProps & PropsWithChildren
 

components/navbar.tsx → components/Navbar.tsx

@@ -5,8 +5,8 @@ import { cn } from '@/lib/utils'
 import { ExternalLinkIcon, HandHeartIcon, MenuIcon } from 'lucide-react'
 import Link from 'next/link'
 import * as React from 'react'
+import { ThemeToggle } from './ThemeToggle'
 import GitHubIcon from './icons/GitHubIcon'
-import { ThemeToggle } from './theme-toggle'
 import { Badge } from './ui/badge'
 import { Button } from './ui/button'
 import {

modules/MapDashboard/BoundaryLayers.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import AreaBoundary from '@/components/area-boundary'
+import AreaBoundary from '@/components/AreaBoundary'
 import { featureConfig } from '@/lib/config'
 import { getObjectKeys } from '@/lib/utils'
 import { useCallback, useState } from 'react'

modules/MapDashboard/Dashboard.tsx

@@ -1,4 +1,4 @@
-import DashboardLayout from '@/components/dashboard-layout'
+import DashboardLayout from '@/components/DashboardLayout'
 import MapDashboardProvider from './DashboardProvider'
 import MapView from './MapView'
 import Sidebar from './Sidebar'

modules/MapDashboard/IslandMarkers.tsx

@@ -8,11 +8,11 @@ import { useMapDashboard } from './hooks/useDashboard'
 import { useIslands } from './hooks/useIslands'
 
 const MarkerClusterGroup = dynamic(
-  () => import('@/components/map-marker-cluster-group'),
+  () => import('@/components/MapMarkerClusterGroup'),
   { ssr: false },
 )
 
-const MapMarker = dynamic(() => import('@/components/map-marker'), {
+const MapMarker = dynamic(() => import('@/components/MapMarker'), {
   ssr: false,
 })
 

modules/MapDashboard/MapView.tsx

@@ -9,7 +9,7 @@ import BoundaryLayers from './BoundaryLayers'
 import IslandMarkers from './IslandMarkers'
 import { useMapDashboard } from './hooks/useDashboard'
 
-const Map = dynamic(() => import('@/components/map'), {
+const Map = dynamic(() => import('@/components/Map'), {
   loading: () => <Skeleton className="h-full rounded-none" />,
   ssr: false,
 })

modules/Pilkada2024/BoundaryLayers.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import AreaBoundary from '@/components/area-boundary'
+import AreaBoundary from '@/components/AreaBoundary'
 import { useArea } from '@/hooks/useArea'
 import { config } from '@/lib/config'
 import { Area } from '@/lib/const'

modules/Pilkada2024/MapView.tsx

@@ -9,7 +9,7 @@ import { useMapDashboard } from '../MapDashboard/hooks/useDashboard'
 import BoundaryLayers from './BoundaryLayers'
 import { usePilkada } from './hooks/usePilkada'
 
-const Map = dynamic(() => import('@/components/map'), {
+const Map = dynamic(() => import('@/components/Map'), {
   loading: () => <Skeleton className="h-full rounded-none" />,
   ssr: false,
 })

modules/Pilkada2024/Sidebar.tsx

@@ -1,7 +1,7 @@
 'use client'
 
+import { Combobox } from '@/components/Combobox'
 import ComboboxArea from '@/components/ComboboxArea'
-import { Combobox } from '@/components/combobox'
 import { Button } from '@/components/ui/button'
 import { config } from '@/lib/config'
 import { Area } from '@/lib/const'