feat: add option to change notif dock placeholder (#1190)

* config: added option to change NotifDock Pictures

* NotifDock: change config option `notifDockPic` to `noNotifsPic` and similar for lockscreen too

* lockscreenNoNotifsPic -> lockNoNotifsPic

* fix lint

---------

Co-authored-by: Soramane <61896496+soramanew@users.noreply.github.com>

Author: YanamiRei

README.md

@@ -600,6 +600,8 @@ default, you must create it manually.
     "paths": {
         "mediaGif": "root:/assets/bongocat.gif",
         "sessionGif": "root:/assets/kurukuru.gif",
+        "noNotifsPic": "root:/assets/dino.png",
+        "lockNoNotifsPic": "root:/assets/dino.png",
         "wallpaperDir": "~/Pictures/Wallpapers",
         "lyricsDir": "~/Music/lyrics"
     },

config/Config.qml

@@ -394,7 +394,9 @@ Singleton {
             wallpaperDir: paths.wallpaperDir,
             lyricsDir: paths.lyricsDir,
             sessionGif: paths.sessionGif,
-            mediaGif: paths.mediaGif
+            mediaGif: paths.mediaGif,
+            noNotifsPic: paths.noNotifsPic,
+            lockNoNotifsPic: paths.lockNoNotifsPic
         };
     }
 

config/UserPaths.qml

@@ -6,4 +6,6 @@ JsonObject {
     property string lyricsDir: `${Paths.home}/Music/lyrics/`
     property string sessionGif: "root:/assets/kurukuru.gif"
     property string mediaGif: "root:/assets/bongocat.gif"
+    property string noNotifsPic: "root:/assets/dino.png"
+    property string lockNoNotifsPic: "root:/assets/dino.png"
 }

modules/controlcenter/notifications/NotificationsPane.qml

@@ -1,15 +1,15 @@
 pragma ComponentBehavior: Bound
 
+import ".."
+import "../components"
 import QtQuick
 import QtQuick.Layouts
 import Quickshell
 import Quickshell.Widgets
-import ".."
-import "../components"
 import qs.components
+import qs.components.containers
 import qs.components.controls
 import qs.components.effects
-import qs.components.containers
 import qs.services
 import qs.config
 

modules/lock/NotifDock.qml

@@ -9,6 +9,7 @@ import qs.components.containers
 import qs.components.effects
 import qs.services
 import qs.config
+import qs.utils
 
 ColumnLayout {
     id: root
@@ -49,7 +50,7 @@ ColumnLayout {
 
                 Image {
                     asynchronous: true
-                    source: Qt.resolvedUrl(`${Quickshell.shellDir}/assets/dino.png`)
+                    source: Paths.absolutePath(Config.paths.lockNoNotifsPic)
                     fillMode: Image.PreserveAspectFit
                     sourceSize.width: clipRect.width * 0.8
 

modules/sidebar/NotifDock.qml

@@ -2,14 +2,14 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
-import Quickshell
 import Quickshell.Widgets
 import qs.components
 import qs.components.containers
 import qs.components.controls
 import qs.components.effects
 import qs.services
 import qs.config
+import qs.utils
 
 Item {
     id: root
@@ -96,7 +96,7 @@ Item {
 
                 Image {
                     asynchronous: true
-                    source: Quickshell.shellPath("assets/dino.png")
+                    source: Paths.absolutePath(Config.paths.noNotifsPic)
                     fillMode: Image.PreserveAspectFit
                     sourceSize.width: clipRect.width * 0.8