add pathGenerator prop to Basemap

ephcoding · ephcoding · commit 9ac1c7819db7 · 2023-09-11T18:56:52.000-05:00
diff --git a/app/components/Basemap.jsx b/app/components/Basemap.jsx
@@ -2,12 +2,11 @@ import { geoPath } from "d3";
 
 export const Basemap = ({
   geoJSONFeatures,
-  projection,
+  pathGenerator,
   height = 975,
   width = 610,
   pathProps,
 }) => {
-  const pathGenerator = geoPath(projection);
   const fill = props.fill || "none";
   const stroke = props.stroke || "white";
 
diff --git a/app/layout.jsx b/app/layout.jsx
@@ -5,34 +5,34 @@ import { Footer, Header } from "@/app/components";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
-	title: "Savage Maps",
-	description: "Interactive maps powered by D3.js",
-	openGraph: {
-		title: "Savage Maps",
-		siteName: "Savage Maps",
-		description: "Interactive maps powered by D3.js",
-		locale: "en_US",
-		type: "website",
-		url: "https://savagemaps.com",
-		images: [
-			{
-				url: "/public/savage-maps-preview.png",
-				width: 1600,
-				height: 900,
-				alt: "Savage Maps social preview image",
-			},
-		],
-	},
+  title: "Savage Maps",
+  description: "Interactive maps powered by D3.js",
+  openGraph: {
+    title: "Savage Maps",
+    siteName: "Savage Maps",
+    description: "Interactive maps powered by D3.js",
+    locale: "en_US",
+    type: "website",
+    url: "https://savagemaps.com",
+    images: [
+      {
+        url: "/public/savage-maps-preview.png",
+        width: 1600,
+        height: 900,
+        alt: "Savage Maps social preview image",
+      },
+    ],
+  },
 };
 
 export default function RootLayout({ children }) {
-	return (
-		<html lang='en' data-theme='acid'>
-			<body className={`${inter.className} flex min-h-screen flex-col`}>
-				<Header />
-				{children}
-				<Footer />
-			</body>
-		</html>
-	);
+  return (
+    <html lang="en" data-theme="acid">
+      <body className={`${inter.className} flex min-h-screen flex-col`}>
+        <Header />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  );
 }
