import { SETTING } from '@shell/config/settings';
import { MANAGEMENT } from '@shell/config/types';

let favIconSet = false;

export function haveSetFavIcon() {
  return favIconSet;
}

export function setFavIcon(store) {
  const res = store.getters['management/byId'](MANAGEMENT.SETTING, SETTING.FAVICON);
  const brandSetting = store.getters['management/byId'](MANAGEMENT.SETTING, SETTING.BRAND);
  const link = findIconLink(document.head.getElementsByTagName('link'));

  if (link) {
    let brandImage;

    if (brandSetting?.value === 'suse') {
      brandImage = require('~shell/assets/brand/suse/favicon.png');
    } else if (brandSetting?.value === 'csp') {
      brandImage = require('~shell/assets/brand/csp/favicon.png');
    } else if (brandSetting?.value === 'harvester') {
      brandImage = require('~shell/assets/brand/harvester/favicon.png');
    }

    link.href = res?.value || brandImage || defaultFavIcon;
    favIconSet = true;
  }
}

function getCurrentFavIcon() {
  const link = findIconLink(document.head.getElementsByTagName('link'));

  return link ? link.href : '';
}

function findIconLink(links) {
  for (let i = 0; i < links.length; i++) {
    const link = links[i];

    if (link.rel?.includes('icon')) {
      return link;
    }
  }

  return undefined;
}

const defaultFavIcon = getCurrentFavIcon();