Add more vertical margin to Markdown rendering and change embed to image tag

src/components/Markdown.js

@@ -9,7 +9,7 @@ import {
 import ReactMarkdown from "react-markdown";
 
 function Paragraph(props) {
-  return <Text variant="body2" {...props} />;
+  return <Text as="p" my={2} variant="body2" {...props} />;
 }
 
 function Heading({ level, ...props }) {
@@ -27,6 +27,9 @@ function Heading({ level, ...props }) {
 }
 
 function Image(props) {
+  if (props.alt === "embed:") {
+    return <Embed as="span" sx={{ display: "block" }} src={props.src} my={2} />;
+  }
   if (props.src.endsWith(".mp4")) {
     return (
       <video
@@ -125,12 +128,7 @@ function TableCell({ children }) {
 }
 
 function Link({ href, children }) {
-  const linkText = children[0].props.value;
-  if (linkText === "embed:") {
-    return <Embed src={href} my={2} />;
-  } else {
-    return <UILink href={href}>{children}</UILink>;
-  }
+  return <UILink href={href}>{children}</UILink>;
 }
 
 function Markdown({ source, assets }) {
@@ -151,7 +149,7 @@ function Markdown({ source, assets }) {
     <ReactMarkdown
       source={source}
       renderers={renderers}
-      transformImageUri={(uri) => assets[uri]}
+      transformImageUri={(uri) => assets[uri] || uri}
     />
   );
 }

src/docs/howTo/overview.md

@@ -1 +1 @@
-[embed:](https://www.youtube.com/embed/KLUsOZA-SHI)
+![embed:](https://www.youtube.com/embed/KLUsOZA-SHI)

src/docs/howTo/sharingMaps.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/ztLDznOpmsg)
+![embed:](https://www.youtube.com/embed/ztLDznOpmsg)
 
 Once you have started a game you can share a map to all other party members by clicking the Select Map button then selecting the desired map to share and clicking the Done button.
 

src/docs/howTo/usingDice.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/Er_grVmqpk0)
+![embed:](https://www.youtube.com/embed/Er_grVmqpk0)
 
 Owlbear Rodeo supports a physically simulated 3D dice tray and dice. To access these features click the Show Dice Tray icon in the top left of the map view.
 

src/docs/howTo/usingDrawing.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/2e07DtB-Xrc)
+![embed:](https://www.youtube.com/embed/2e07DtB-Xrc)
 
 The Drawing Tool allows you to draw on top of a map. To access the Drawing Tool click the Drawing Tool button in the top right of the map view.
 

src/docs/howTo/usingFog.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/1ra7DoIsas8)
+![embed:](https://www.youtube.com/embed/1ra7DoIsas8)
 
 The Fog Tool allows you to add hidden areas to control what the other party members can see on your map. To access the Fog Tool click the Fog Tool button in the top right of the map view.
 

src/docs/howTo/usingTokens.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/j-9X9CF7_UY)
+![embed:](https://www.youtube.com/embed/j-9X9CF7_UY)
 
 Once you have a map shared between a party all players can drag tokens from the Token List on the right hand side of the screen. Tokens can then be used to represent players, monsters or any other object that needs to be moved around the map.
 

src/docs/releaseNotes/v1.1.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/aOTvQOrpNo4)
+![embed:](https://www.youtube.com/embed/aOTvQOrpNo4)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.2.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/IhSS24d4zlM)
+![embed:](https://www.youtube.com/embed/IhSS24d4zlM)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.3.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/Y7sEgoopz4E)
+![embed:](https://www.youtube.com/embed/Y7sEgoopz4E)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.4.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/vtNpj-449B8)
+![embed:](https://www.youtube.com/embed/vtNpj-449B8)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.5.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/i4JvZboAPhQ)
+![embed:](https://www.youtube.com/embed/i4JvZboAPhQ)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.6.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/TIhCAJoTeAU)
+![embed:](https://www.youtube.com/embed/TIhCAJoTeAU)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.7.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/MWbfbN3Brhw)
+![embed:](https://www.youtube.com/embed/MWbfbN3Brhw)
 
 ## Major Changes
 

src/docs/releaseNotes/v1.8.0.md

@@ -1,4 +1,4 @@
-[embed:](https://www.youtube.com/embed/MBy0VLsesL0)
+![embed:](https://www.youtube.com/embed/MBy0VLsesL0)
 
 ## Major Changes