Refactor

js/components/AppHeader.js

@@ -0,0 +1,28 @@
+//
+//  AppHeader.js
+//  altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
+//
+//  Copyright (c) 2023 Foxster.
+//  MIT License.
+//
+
+import { sourceURL } from "../utilities.js";
+
+export const AppHeader = app => app ? `
+<div class="item">
+    <div class="app-header">
+        <div class="content">
+            <img id="app-icon" src="${app.iconURL}" alt="">
+            <div class="right">
+                <div class="text">
+                    <p class="title">${app.name}</p>
+                    <p class="subtitle">${app.developerName}</p>
+                </div>
+                <a href="app.html?source=${sourceURL}&id=${app.bundleIdentifier}">
+                    <button class="uibutton" style="background-color: #${app.tintColor.replaceAll("#", "")};">View</button>
+                </a>
+            </div>
+        </div>
+        <div class="background" style="background-color: #${app.tintColor.replaceAll("#", "")};"></div>
+    </div>
+</div>` : undefined;