Помогите с мобильным сайтом на ios

[bor4uk]

Хочу сделать всплывающую иконку на сайте, только для ios пользователей. Но как технически всё реализовать не хватает навыков.
Есть JS код , но куда вставить и как прописать правильно не знаю.

// Detects if device is on iOS 
const isIos = () => {
  const userAgent = window.navigator.userAgent.toLowerCase();
  return /iphone|ipad|ipod/.test( userAgent );
}
// Detects if device is in standalone mode
const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);

// Checks if should display install popup notification:
if (isIos() && !isInStandaloneMode()) {
  this.setState({ showInstallMessage: true });
}

[ksa]

window.navigator
...
this.setState()

Код явно на React ... Просто так его "прописать" не получится.

[ksa]

// Checks if should display install popup notification:
if (isIos() && !isInStandaloneMode()) {
  this.setState({ showInstallMessage: true });
}

Например такое можно поместить в componentDidMount() этого же класса, что порождает this и собственно стейт, который ты собираешься изменить...
Вот тут паренек рассказывает про "жизненный цикл" компоненты React.
https://www.youtube.com/watch?v=auAtFC5nfTs

[bor4uk]

спасибо, изучу, надеюсь что нибудь получится))