From 92f45d74439eb9a4ca64d517672522ceaf6212fd Mon Sep 17 00:00:00 2001
From: SenorSmartyPants <senorsmartypants@gmail.com>
Date: Thu, 16 May 2024 16:37:15 -0500
Subject: [PATCH 1/3] Transmission: Total torrent count, not active count

---
 src/components/services/Transmission.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/services/Transmission.vue b/src/components/services/Transmission.vue
index a23e4ad..24a4df7 100644
--- a/src/components/services/Transmission.vue
+++ b/src/components/services/Transmission.vue
@@ -88,13 +88,13 @@ export default {
           auth.password = this.item.password;
         }
         const {
-          arguments: { activeTorrentCount, downloadSpeed, uploadSpeed },
+          arguments: { torrentCount, downloadSpeed, uploadSpeed },
         } = await this.transmissionFetch("session-stats", auth);
 
         this.error = false;
         this.ul = uploadSpeed;
         this.dl = downloadSpeed;
-        this.count = activeTorrentCount;
+        this.count = torrentCount;
       } catch (e) {
         this.error = true;
         console.error(e);

From af0aa9f80ed2b5e1a493c5acbeae88e725742b08 Mon Sep 17 00:00:00 2001
From: SenorSmartyPants <senorsmartypants@gmail.com>
Date: Thu, 16 May 2024 16:38:43 -0500
Subject: [PATCH 2/3] Transmission: add color to up/down load icons

Used colors from transmission-remote android app.
---
 src/components/services/Transmission.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/services/Transmission.vue b/src/components/services/Transmission.vue
index 24a4df7..dfbee7d 100644
--- a/src/components/services/Transmission.vue
+++ b/src/components/services/Transmission.vue
@@ -191,4 +191,12 @@ export default {
   font-weight: 300;
   font-family: monospace;
 }
+
+.fa-download {
+    color: #00C853;
+}
+
+.fa-upload {
+    color: #D50000;
+}
 </style>

From ecdb289d828e5b4f17f296bb11d03b76f8416e9f Mon Sep 17 00:00:00 2001
From: SenorSmartyPants <senorsmartypants@gmail.com>
Date: Thu, 16 May 2024 16:40:03 -0500
Subject: [PATCH 3/3] Transmission: display count like Arr apps

Display torrent count like Arr activity notification
---
 src/components/services/Transmission.vue | 29 ++++++++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/services/Transmission.vue b/src/components/services/Transmission.vue
index dfbee7d..1ff0293 100644
--- a/src/components/services/Transmission.vue
+++ b/src/components/services/Transmission.vue
@@ -17,11 +17,11 @@
       </p>
     </template>
     <template #indicator>
-      <span v-if="!error" class="count"
-        >{{ count }}
-        <template v-if="count === 1">torrent</template>
-        <template v-else>torrents</template>
-      </span>
+      <div class="notifs">
+        <strong v-if="count > 0" class="notif activity" title="Torrents">
+          {{ count }}
+        </strong>
+      </div>
     </template>
   </Generic>
 </template>
@@ -199,4 +199,23 @@ export default {
 .fa-upload {
     color: #D50000;
 }
+
+.notifs {
+  position: absolute;
+  color: white;
+  font-family: sans-serif;
+  top: 0.3em;
+  right: 0.5em;
+  .notif {
+    display: inline-block;
+    padding: 0.2em 0.35em;
+    border-radius: 0.25em;
+    position: relative;
+    margin-left: 0.3em;
+    font-size: 0.8em;
+    &.activity {
+      background-color: #4fb5d6;
+    }
+  }
+}
 </style>