diff --git a/app/components/index/sponsorkliks-alert.js b/app/components/index/sponsorkliks-alert.js new file mode 100644 index 000000000..eb7649e4a --- /dev/null +++ b/app/components/index/sponsorkliks-alert.js @@ -0,0 +1,11 @@ +import Component from '@glimmer/component'; + +export default class SponsorkliksAlertComponent extends Component { + extensionInstalled = document.documentElement.dataset.sponsorkliksExtension === '1'; + + isFirefox = typeof InstallTrigger !== 'undefined'; + + isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime); + + showAlert = !this.extensionInstalled && (this.isFirefox || this.isChrome) +} diff --git a/app/templates/components/index/sponsorkliks-alert.hbs b/app/templates/components/index/sponsorkliks-alert.hbs new file mode 100644 index 000000000..6a44f499a --- /dev/null +++ b/app/templates/components/index/sponsorkliks-alert.hbs @@ -0,0 +1,23 @@ +{{#if showAlert}} +