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 = 'App Store'; +var BADGE_GOOGLE = 'Google Play'; +var BADGE_FDROID = 'F-Droid'; +var BADGE_APK = 'APK Download'; +var BADGE_TESTFLIGHT = '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 = - 'App Store' + - 'Google Play'; - 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 = - 'Google Play' + - 'F-Droid' + - 'APK Download'; - } else if (isMobile.iOS()) { - badges.innerHTML = - 'App Store' + - 'TestFlight'; - } else { - badges.innerHTML = - 'App Store' + - 'Google Play'; - } - container.appendChild(badges); + renderAppBadges(container); } const openBtn = document.createElement('a');