From bd300578b6b6c2860dc53844b5e87b03fb613d3d Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Sat, 18 Jan 2025 07:43:45 +0000
Subject: [PATCH] apply custom favicons

---
 .../src/app/services/enterprise.service.ts    | 47 ++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/services/enterprise.service.ts b/frontend/src/app/services/enterprise.service.ts
index 5f194c77f..1faf396d9 100644
--- a/frontend/src/app/services/enterprise.service.ts
+++ b/frontend/src/app/services/enterprise.service.ts
@@ -2,7 +2,7 @@ import { DOCUMENT } from '@angular/common';
 import { Inject, Injectable } from '@angular/core';
 import { ApiService } from '@app/services/api.service';
 import { SeoService } from '@app/services/seo.service';
-import { StateService } from '@app/services/state.service';
+import { Customization, StateService } from '@app/services/state.service';
 import { ActivatedRoute } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
 
@@ -51,6 +51,7 @@ export class EnterpriseService {
     if (this.stateService.env.customize?.branding) {
       const info = this.stateService.env.customize?.branding;
       this.insertMatomo(info.site_id);
+      this.setFavicons(this.stateService.env.customize);
       this.seoService.setCustomMeta(this.stateService.env.customize);
       this.seoService.setEnterpriseTitle(info.title, true);
       this.info$.next(info);
@@ -68,6 +69,50 @@ export class EnterpriseService {
     }
   }
 
+  setFavicons(customize: Customization): void {
+    const enterprise = customize.enterprise;
+    const head = this.document.getElementsByTagName('head')[0];
+
+    const faviconLinks = [
+      {
+        rel: 'apple-touch-icon',
+        sizes: '180x180',
+        href: `/resources/${enterprise}/favicons/apple-touch-icon.png`
+      },
+      {
+        rel: 'icon',
+        type: 'image/png',
+        sizes: '32x32',
+        href: `/resources/${enterprise}/favicons/favicon-32x32.png`
+      },
+      {
+        rel: 'icon',
+        type: 'image/png',
+        sizes: '16x16',
+        href: `/resources/${enterprise}/favicons/favicon-16x16.png`
+      },
+      {
+        rel: 'manifest',
+        href: `/resources/${enterprise}/favicons/site.webmanifest`
+      },
+      {
+        rel: 'shortcut icon',
+        href: `/resources/${enterprise}/favicons/favicon.ico`
+      }
+    ];
+
+    faviconLinks.forEach(linkInfo => {
+      let link = this.document.querySelector(`link[rel="${linkInfo.rel}"]${linkInfo.sizes ? `[sizes="${linkInfo.sizes}"]` : ''}`) as HTMLLinkElement;
+      if (!link) {
+        link = this.document.createElement('link');
+        head.appendChild(link);
+      }
+      Object.entries(linkInfo).forEach(([attr, value]) => {
+        link.setAttribute(attr, value);
+      });
+    });
+  }
+
   insertMatomo(siteId?: number): void {
     let statsUrl = '//stats.mempool.space/';