Displaying WPT thumbnails

src/components/wpt/WptViewer.module.css

@@ -6,3 +6,8 @@
   padding-top: 10px;
   font-style: italic;
 }
+
+.thumbnail {
+  padding-top: 10px;
+  text-align: center;
+}

src/components/wpt/WptViewer.tsx

@@ -73,6 +73,11 @@ const WptViewer: Component<Props> = ({ wptId }) => {
         content={
           <div>
             <div class={style.description}>{wpt().desc}</div>
+            <Show when={wpt().extensions?.thumbnailUrl}>
+              <div class={style.thumbnail}>
+                <img src={wpt().extensions?.thumbnailUrl}></img>
+              </div>
+            </Show>
             <Show when={wpt().extensions?.startTime}>
               <div class={style.date}>
                 {new Date(wpt().extensions?.startTime).toLocaleDateString()}