import { shell } from "electron";

export class socialLink {
    constructor(
      public icon: string,// has to be one from font awesome -https://fontawesome.com/icons
      public tooltip: string,
      public url: string
    ) { }
  
    getHTML(): HTMLElement {
      //<button onclick="sv.openSocialLink(this)" socialLink="abc"><i class="fa fa-user"></i></button><br>
      const element = document.createElement('button');
      element.onclick = () => { this.open() };
      element.innerHTML = `<i class="${this.icon}"></i>`;
      element.title = this.tooltip;
      return element;
    }
  
    open() {
      console.log("A link was clicked!", this.url);
      if (this.url)
        shell.openExternal(this.url.indexOf("://") !== -1 ? this.url : `https://${this.url}`);
    }
  }