From 8b799dfdd9517047bd2c9b4e8562cf8e02118722 Mon Sep 17 00:00:00 2001
From: iTrooz <hey@itrooz.fr>
Date: Thu, 16 Nov 2023 19:49:38 +0100
Subject: [PATCH 1/3] Show site count in profiles

---
 extension/src/sites/manage.html |  3 ++-
 extension/src/sites/manage.js   | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/extension/src/sites/manage.html b/extension/src/sites/manage.html
index 35394c4b..ebdf7086 100644
--- a/extension/src/sites/manage.html
+++ b/extension/src/sites/manage.html
@@ -61,7 +61,8 @@
               <template id="profiles-list-template">
                 <div class="list-group-item d-flex justify-content-between align-items-start">
                   <div class="me-2 text-overflow-hide">
-                    <div class="list-group-item-name" id="profiles-list-template-name"></div>
+                      <span class="list-group-item-name" id="profiles-list-template-name"></span>
+                      <span class="list-group-item-count text-secondary" id="profiles-list-template-count"></span>
                     <div class="list-group-item-description" id="profiles-list-template-description"></div>
                   </div>
                   <div class="btn-group my-auto">
diff --git a/extension/src/sites/manage.js b/extension/src/sites/manage.js
index 5c5c4f8e..6133f49f 100644
--- a/extension/src/sites/manage.js
+++ b/extension/src/sites/manage.js
@@ -487,6 +487,17 @@ async function createProfileList () {
     nameElement.innerText = profile.name || 'Unnamed'
     nameElement.removeAttribute('id')
 
+    const countElement = profileElement.querySelector('#profiles-list-template-count')
+    if (profile.sites.length === 1) {
+      countElement.innerText = `(1 site)`
+    } else {
+      countElement.innerText = `(${profile.sites.length} sites)`
+    }
+    if (profile.sites.length === 0) {
+      countElement.classList.add("text-dark")
+    }
+    countElement.removeAttribute('id')
+
     const descriptionElement = profileElement.querySelector('#profiles-list-template-description')
     descriptionElement.innerText = profile.description || ''
     descriptionElement.removeAttribute('id')

From 1880906caf4e9e7f37b0e98e117e59c28dda9cff Mon Sep 17 00:00:00 2001
From: iTrooz <hey@itrooz.fr>
Date: Thu, 16 Nov 2023 19:57:01 +0100
Subject: [PATCH 2/3] Fix linting

---
 extension/src/sites/manage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/extension/src/sites/manage.js b/extension/src/sites/manage.js
index 6133f49f..cc693ca7 100644
--- a/extension/src/sites/manage.js
+++ b/extension/src/sites/manage.js
@@ -489,12 +489,12 @@ async function createProfileList () {
 
     const countElement = profileElement.querySelector('#profiles-list-template-count')
     if (profile.sites.length === 1) {
-      countElement.innerText = `(1 site)`
+      countElement.innerText = '(1 site)'
     } else {
       countElement.innerText = `(${profile.sites.length} sites)`
     }
     if (profile.sites.length === 0) {
-      countElement.classList.add("text-dark")
+      countElement.classList.add('text-dark')
     }
     countElement.removeAttribute('id')
 

From bd3b003ee2ee4816a8cbf66cf2a6ad5dfdc3531b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Filip=20=C5=A0?= <filip.stamcar@hotmail.com>
Date: Fri, 17 Nov 2023 23:25:20 +0100
Subject: [PATCH 3/3] Use opacity for profile counts without sites

---
 extension/src/sites/manage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/extension/src/sites/manage.js b/extension/src/sites/manage.js
index cc693ca7..5a8ffdae 100644
--- a/extension/src/sites/manage.js
+++ b/extension/src/sites/manage.js
@@ -494,7 +494,7 @@ async function createProfileList () {
       countElement.innerText = `(${profile.sites.length} sites)`
     }
     if (profile.sites.length === 0) {
-      countElement.classList.add('text-dark')
+      countElement.classList.add('text-opacity-50')
     }
     countElement.removeAttribute('id')