pass RhythmCodeIcon required data down as props

ManSangSin · Oct 18, 2023 · 9c2c8f4 · 9c2c8f4
1 parent 3a675a4
commit 9c2c8f4
Showing 1 changed file with 6 additions and 13 deletions.
diff --git a/client/src/components/MyMap.js b/client/src/components/MyMap.js
@@ -2,7 +2,6 @@ import { useState, useEffect } from "react";
 
 import "./MyMap.css";
 import ModalVideo from "../components/ModalVideo";
-import RhythmCodeIcon from "../components/RhythmCodeIcon";
 import DotMap from "../components/DotMap";
 
 function MyMap() {
@@ -41,18 +40,12 @@ function MyMap() {
 
 	return (
 		<div>
-			<DotMap />
-			{rhythmCodes.map((rhythmCodeObject) => (
-				<RhythmCodeIcon
-					key={rhythmCodeObject.rhythm_code}
-					rhythmCodeName={rhythmCodeObject.rhythm_code}
-					rhythmsList={rhythms}
-					toppx={rhythmCodeObject.toppx}
-					leftpx={rhythmCodeObject.leftpx}
-					setModalOpen={setModalOpen}
-					setSelectedRhythm={setSelectedRhythm}
-				/>
-			))}
+			<DotMap
+				rhythmCodes={rhythmCodes}
+				rhythmsList={rhythms}
+				setModalOpen={setModalOpen}
+				setSelectedRhythm={setSelectedRhythm}
+			/>
 			{isModalOpen && (
 				<ModalVideo setModalOpen={setModalOpen} rhythm={selectedRhythm} />
 			)}