diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc
index 0967418f44..f1da7f02eb 100644
--- a/website/src/js/channel-preview.jsc
+++ b/website/src/js/channel-preview.jsc
@@ -954,19 +954,33 @@ function renderInfoContent(container, data, channelLink, subscriberCount, showAp
}
}
+var BADGE_APPLE = '
';
+var BADGE_GOOGLE = '
';
+var BADGE_FDROID = '
';
+var BADGE_APK = '
';
+var BADGE_TESTFLIGHT = '
';
+
+function renderAppBadges(container) {
+ const title = document.createElement('p');
+ title.className = 'simplex-preview-step-title';
+ title.textContent = 'Install SimpleX Chat app';
+ container.appendChild(title);
+
+ const badges = document.createElement('div');
+ badges.className = 'simplex-preview-badges';
+ if (isMobile.Android()) {
+ badges.innerHTML = BADGE_GOOGLE + BADGE_FDROID + BADGE_APK;
+ } else if (isMobile.iOS()) {
+ badges.innerHTML = BADGE_APPLE + BADGE_TESTFLIGHT;
+ } else {
+ badges.innerHTML = BADGE_APPLE + BADGE_GOOGLE;
+ }
+ container.appendChild(badges);
+}
+
function renderDesktopConversion(container, channelLink, showAppBadges) {
if (showAppBadges) {
- const title = document.createElement('p');
- title.className = 'simplex-preview-step-title';
- title.textContent = 'Install SimpleX Chat app';
- container.appendChild(title);
-
- const badges = document.createElement('div');
- badges.className = 'simplex-preview-badges';
- badges.innerHTML =
- '
' +
- '
';
- container.appendChild(badges);
+ renderAppBadges(container);
}
const qrToggle = document.createElement('a');
@@ -1049,29 +1063,7 @@ function renderDesktopConversion(container, channelLink, showAppBadges) {
function renderMobileConversion(container, channelLink, showAppBadges) {
if (showAppBadges) {
- const title = document.createElement('p');
- title.className = 'simplex-preview-step-title';
- title.textContent = 'Install SimpleX Chat app';
- container.appendChild(title);
-
- const badges = document.createElement('div');
- badges.className = 'simplex-preview-badges';
-
- if (isMobile.Android()) {
- badges.innerHTML =
- '
' +
- '
' +
- '
';
- } else if (isMobile.iOS()) {
- badges.innerHTML =
- '
' +
- '
';
- } else {
- badges.innerHTML =
- '
' +
- '
';
- }
- container.appendChild(badges);
+ renderAppBadges(container);
}
const openBtn = document.createElement('a');