Updated screenshots and refactored version selector template

src/assets/javascripts/templates/version/index.tsx

@@ -36,6 +36,31 @@ export interface Version {
   aliases: string[]                    /* Version aliases */
 }
 
+/* ----------------------------------------------------------------------------
+ * Helper functions
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Render a version
+ *
+ * @param version - Version
+ *
+ * @returns Element
+ */
+function renderVersion(version: Version): HTMLElement {
+  const config = configuration()
+
+  /* Ensure trailing slash, see https://bit.ly/3rL5u3f */
+  const url = new URL(`${version.version}/`, config.base)
+  return (
+    <li class="md-version__item">
+      <a href={url.toString()} class="md-version__link">
+        {version.title}
+      </a>
+    </li>
+  )
+}
+
 /* ----------------------------------------------------------------------------
  * Functions
  * ------------------------------------------------------------------------- */
@@ -64,16 +89,7 @@ export function renderVersionSelector(versions: Version[]): HTMLElement {
         {active.title}
       </span>
       <ul class="md-version__list">
-        {versions.map(version => (
-          <li class="md-version__item">
-            <a
-              class="md-version__link"
-              href={`${new URL(`${version.version}/`, config.base)}`}
-            >
-              {version.title}
-            </a>
-          </li>
-        ))}
+        {versions.map(renderVersion)}
       </ul>
     </div>
   )