From 3ff5723c1e81d348bf483a042003b7746a3e421d Mon Sep 17 00:00:00 2001
From: Amaru8 <greenolivgameplay@gmail.com>
Date: Fri, 8 Apr 2022 20:30:00 +0200
Subject: [PATCH] Implement Private Session indicator icon

---
 src/renderer/assets/private.svg       | 1 +
 src/renderer/style.css                | 7 ++++++-
 src/renderer/style.less               | 8 +++++++-
 src/renderer/views/app/chrome-top.ejs | 1 +
 4 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/assets/private.svg

diff --git a/src/renderer/assets/private.svg b/src/renderer/assets/private.svg
new file mode 100644
index 00000000..c0d61ac9
--- /dev/null
+++ b/src/renderer/assets/private.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/src/renderer/style.css b/src/renderer/style.css
index 81ec3918..cbe85546 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -11279,9 +11279,15 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
 }
 .app-chrome .app-chrome-item > .app-playback-controls .lossless-icon {
   background-image: url("assets/lossless.svg") !important;
+  right: 0;
 }
 .app-chrome .app-chrome-item > .app-playback-controls .ppe-icon {
   background-image: url("assets/ppe.svg") !important;
+  right: 0;
+}
+.app-chrome .app-chrome-item > .app-playback-controls .private-icon {
+  background-image: url("assets/private.svg") !important;
+  left: 3;
 }
 .app-chrome .app-chrome-item > .app-playback-controls .audio-type {
   filter: contrast(0);
@@ -11290,7 +11296,6 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
   height: 15px;
   width: 15px;
   position: absolute;
-  right: 0;
   margin-bottom: 15px;
 }
 .app-chrome .app-chrome-item > .app-playback-controls .song-duration p {
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 485f0275..0b55186a 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1187,10 +1187,17 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
 
   .lossless-icon {
     background-image: url("./assets/lossless.svg") !important;
+    right: 0;
   }
 
   .ppe-icon {
     background-image: url("./assets/ppe.svg") !important;
+    right: 0;
+  }
+
+  .private-icon {
+    background-image: url("./assets/private.svg") !important;
+    left: 3;
   }
 
   .audio-type {
@@ -1200,7 +1207,6 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
     height: 15px;
     width: 15px;
     position: absolute;
-    right: 0;
     margin-bottom: 15px;
   }
 }
diff --git a/src/renderer/views/app/chrome-top.ejs b/src/renderer/views/app/chrome-top.ejs
index 6177f568..7890940a 100644
--- a/src/renderer/views/app/chrome-top.ejs
+++ b/src/renderer/views/app/chrome-top.ejs
@@ -73,6 +73,7 @@
                                  v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'"
                                  style="display: inline-block"></div>
                         </div>
+                        <div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
                         <div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div>
                         <div class="song-artist-album">
                             <div class="song-artist-album-content"