Refactor component name to match chart type

sgcarstrends · Dec 31, 2023 · 4274eb0 · 4274eb0
1 parent 325269d
commit 4274eb0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { CarHeatmap } from "@/components/CarHeatmap";
+import { CarTreemap } from "@/components/CarTreemap";
 import { Infographic } from "@/components/Infographic";
 import {
   API_URL,
@@ -54,7 +54,7 @@ const Home = async () => {
           electricCars={filteredElectricCars}
           isPopularMake={popularMakes}
         />
-        <CarHeatmap data={filteredElectricCars} popularMakes={popularMakes} />
+        <CarTreemap data={filteredElectricCars} popularMakes={popularMakes} />
       </div>
     </section>
   );

diff --git a/components/CarHeatmap.tsx → components/CarTreemap.tsx b/components/CarHeatmap.tsx → components/CarTreemap.tsx
@@ -9,12 +9,12 @@ import { Car } from "@/types";
 
 const ApexChart = dynamic(() => import("react-apexcharts"), { ssr: false });
 
-interface CarHeatmapProps {
+interface CarTreemapProps {
   data: Car[];
   popularMakes: any;
 }
 
-export const CarHeatmap = ({ data, popularMakes }: CarHeatmapProps) => {
+export const CarTreemap = ({ data, popularMakes }: CarTreemapProps) => {
   const months = [...new Set(data.map(({ month }) => month))];
   const sortedMonth = months.map((month) => parseISO(month)).sort(compareAsc);
   const latestMonth = format(sortedMonth[sortedMonth.length - 1], "yyyy-MM");