Refactor and add json url

pages/[roadmap]/index.tsx

@@ -15,14 +15,14 @@ type RoadmapProps = {
 
 function ImageRoadmap(props: RoadmapProps) {
   const { roadmap } = props;
-  if (!roadmap.imagePath) {
+  if (!roadmap.imageUrl) {
     return null;
   }
 
   return (
     <Container maxW={'900px'} position="relative">
       <Box mb="30px">
-        <Image alt={roadmap.title} src={roadmap.imagePath} />
+        <Image alt={roadmap.title} src={roadmap.imageUrl} />
       </Box>
     </Container>
   );

pages/[roadmap]/interactive.tsx

@@ -30,7 +30,7 @@ function RoadmapRenderer(props: RoadmapProps) {
   const [hasErrorRendering, setHasErrorRendering] = useState(false);
 
   useEffect(() => {
-    get(`/project/${roadmap.id}.json`)
+    get(roadmap.jsonUrl)
       .then((roadmapJson) => {
         setRoadmapJson(roadmapJson);
       })
@@ -38,7 +38,7 @@ function RoadmapRenderer(props: RoadmapProps) {
         console.error(err);
         setHasErrorRendering(true);
       });
-  }, [get, roadmap.id]);
+  }, [get, roadmap.id, roadmap.jsonUrl]);
 
   // Event bindings for the roadmap interactivity
   useEffect(() => {