From 00fc29c6ad4360239a2a48a4347eacb514ea75a9 Mon Sep 17 00:00:00 2001
From: Federico Bologni <bologni.federico@webdeploy.it>
Date: Fri, 30 Jun 2023 17:19:45 +0200
Subject: [PATCH] Isolate common stylesheets

---
 src/js/app.js         | 13 +++++++------
 src/js/home-page.js   |  2 +-
 src/js/routes-page.js |  2 +-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 9b57d1c..3108c80 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -13,6 +13,12 @@ const app = {
   link: {
     icon: appIconURL,
   },
+  styleSheets: [robotoFontStyle, appStyle]
+    .map((rawSheet) => {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(rawSheet);
+      return sheet;
+    }),
   page: null,
   router: new Router(),
   loader: WDLoader.instance,
@@ -23,12 +29,7 @@ const app = {
       <meta name="viewport" content="${app.meta.viewport}">
     `;
     document.title = app.title;
-    document.adoptedStyleSheets = [robotoFontStyle, appStyle]
-        .map((rawSheet) => {
-          const sheet = new CSSStyleSheet();
-          sheet.replaceSync(rawSheet);
-          return sheet;
-        });
+    document.adoptedStyleSheets = app.styleSheets;
   },
 };
 
diff --git a/src/js/home-page.js b/src/js/home-page.js
index 1f340cc..744efb4 100644
--- a/src/js/home-page.js
+++ b/src/js/home-page.js
@@ -26,7 +26,7 @@ class HomePage {
   #addPageStyle() {
     const sheet = new CSSStyleSheet();
     sheet.replaceSync(pageStyle);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    document.adoptedStyleSheets = [...app.styleSheets, sheet];
   }
 
   /**
diff --git a/src/js/routes-page.js b/src/js/routes-page.js
index f820c4c..c15a59b 100644
--- a/src/js/routes-page.js
+++ b/src/js/routes-page.js
@@ -26,7 +26,7 @@ class RoutesPage {
   #addPageStyle() {
     const sheet = new CSSStyleSheet();
     sheet.replaceSync(pageStyle);
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    document.adoptedStyleSheets = [...app.styleSheets, sheet];
   }
 
   /**