chore: remove Next.js dependencies and update UI components with standard React
This commit is contained in:
@@ -4,8 +4,6 @@ import { useRef } from "react";
|
||||
import { motion } from "motion/react";
|
||||
import DottedMap from "dotted-map";
|
||||
|
||||
import { useTheme } from "next-themes";
|
||||
|
||||
interface MapProps {
|
||||
dots?: Array<{
|
||||
start: { lat: number; lng: number; label?: string };
|
||||
@@ -21,13 +19,11 @@ export default function WorldMap({
|
||||
const svgRef = useRef<SVGSVGElement>(null);
|
||||
const map = new DottedMap({ height: 100, grid: "diagonal" });
|
||||
|
||||
const { theme } = useTheme();
|
||||
|
||||
const svgMap = map.getSVG({
|
||||
radius: 0.22,
|
||||
color: theme === "dark" ? "#FFFFFF40" : "#00000040",
|
||||
color: "#FFFFFF40", // Hardcoded for dark theme
|
||||
shape: "circle",
|
||||
backgroundColor: theme === "dark" ? "black" : "white",
|
||||
backgroundColor: "black", // Hardcoded for dark theme
|
||||
});
|
||||
|
||||
const projectPoint = (lat: number, lng: number) => {
|
||||
|
||||
Reference in New Issue
Block a user