Add embedded course from Garmin Connect (#20)

josefpihrt · Oct 19, 2023 · 02fd926 · 02fd926
1 parent 29bf6d1
commit 02fd926
Show file tree

Hide file tree

Showing 14 changed files with 80 additions and 13 deletions.
diff --git a/docs/faq.mdx b/docs/faq.mdx
@@ -4,7 +4,17 @@ sidebar_position: 1
 
 # Frequently Asked Question
 
-## How to Download Trail GPX
+## How to Download GPX from Garmin Connect
+
+1) Click trail name at the top left corner of trail map preview.
+
+![Garmin Connect embedded course](/img/garmin-connect-embedded-course.png)
+
+2) On course detail click on three dots to show context menu and then click "Download GPX file".
+
+![Garmin Connect course detail](/img/garmin-connect-course-detail.png)
+
+## How to Download GPX from Mapy.cz
 
 1) Click "Show on map" button at the bottom left corner of trail map preview.
 

diff --git a/docs/trails/prague/barre.mdx b/docs/trails/prague/barre.mdx
@@ -15,6 +15,12 @@ title: "Barre"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211837509"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="jukovunejo"></MapyCzEmbeddedPath>
 
 <br />

diff --git a/docs/trails/prague/hokun.mdx b/docs/trails/prague/hokun.mdx
@@ -15,6 +15,12 @@ title: "Hokun"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="224619876"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="jobadepoba"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/kokomo.mdx b/docs/trails/prague/kokomo.mdx
@@ -15,6 +15,12 @@ title: "Kokomo"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211777074"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="kebofepede"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/laadchee.mdx b/docs/trails/prague/laadchee.mdx
@@ -15,6 +15,12 @@ title: "Laadchee"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211106575"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="kapuzaroca"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/rockyt.mdx b/docs/trails/prague/rockyt.mdx
@@ -15,6 +15,12 @@ title: "Rockyt"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="215783112"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="jujaduhevo"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/semmering.mdx b/docs/trails/prague/semmering.mdx
@@ -15,6 +15,12 @@ title: "Semmering"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211858322"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="jolovabuta"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/shark-a.mdx b/docs/trails/prague/shark-a.mdx
@@ -15,6 +15,12 @@ title: "Shark-A"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211895409"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="bepopeseno"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/docs/trails/prague/shuss.mdx b/docs/trails/prague/shuss.mdx
@@ -15,6 +15,12 @@ title: "Shuss"
 
 ## Map
 
+### Garmin Connect
+
+<GarminEmbeddedCourse id="211914796"></GarminEmbeddedCourse>
+
+### Mapy.cz
+
 <MapyCzEmbeddedPath id="besorozapu"></MapyCzEmbeddedPath>
 
 ## Transportation

diff --git a/src/components/GarminEmbeddedCourse/index.tsx b/src/components/GarminEmbeddedCourse/index.tsx
@@ -0,0 +1,19 @@
+import React, {type ReactNode} from 'react';
+
+export interface Props {
+  id: string;
+}
+
+export default function GarminEmbeddedCourse({
+  id,
+}: Props): JSX.Element {
+  const url = `https://connect.garmin.com/modern/course/embed/${id}`;
+  return (
+    <div>
+      <iframe src={url} width='60%' height='500' />
+      <div>
+        <i>Click on trail name to see detailed profile</i>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/MapyCzEmbeddedPath/index.tsx b/src/components/MapyCzEmbeddedPath/index.tsx
@@ -1,17 +1,5 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 import React, {type ReactNode} from 'react';
 
-import clsx from 'clsx';
-
-import Link from '@docusaurus/Link';
-import styles from './styles.module.css';
-
 export interface Props {
   id: string;
 }

diff --git a/src/theme/MDXComponents.tsx b/src/theme/MDXComponents.tsx
@@ -1,7 +1,9 @@
 import MDXComponents from '@theme-original/MDXComponents';
 import MapyCzEmbeddedPath from '@site/src/components/MapyCzEmbeddedPath';
+import GarminEmbeddedCourse from '@site/src/components/GarminEmbeddedCourse';
 
 export default {
   ...MDXComponents,
   MapyCzEmbeddedPath,
+  GarminEmbeddedCourse,
 };
diff --git a/static/img/garmin-connect-course-detail.png b/static/img/garmin-connect-course-detail.png
diff --git a/static/img/garmin-connect-embedded-course.png b/static/img/garmin-connect-embedded-course.png