From a3d1b3aaeab384bba75277ab692a75fbba67c3b1 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 18 Jan 2022 20:54:45 +0300
Subject: [PATCH] replace broken image references

---
 src/components/RightSideBar/Recommendation.vue |  2 +-
 src/components/Search.vue                      |  4 ++--
 src/composables/mediaNotification.js           | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/RightSideBar/Recommendation.vue b/src/components/RightSideBar/Recommendation.vue
index ee5ae47b..7bfbfb26 100644
--- a/src/components/RightSideBar/Recommendation.vue
+++ b/src/components/RightSideBar/Recommendation.vue
@@ -65,7 +65,7 @@ export default {
   background-color: #ccc;
   margin: 0 0.5rem 0 0;
   border-radius: 0.5rem;
-  background-image: url(../../assets/images/Jim_Reeves.png);
+  background-image: url(../../assets/images/null.webp);
 }
 
 .r-tracks .tracks .song-item .artist {
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 6dcfd72f..60de054e 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -475,7 +475,7 @@ export default {
         background-color: rgba(26, 26, 26, 0.452);
         border-radius: 0.5rem;
         margin-bottom: 0.5rem;
-        background-image: url(../assets/images/thriller.jpg);
+        background-image: url("../assets/images/null.webp");
       }
 
       .title {
@@ -516,7 +516,7 @@ export default {
         background-color: rgba(16, 65, 14, 0.356);
         margin-bottom: 0.5rem;
         background-size: 50%;
-        background-image: url(../assets/images/thriller.jpg);
+        background-image: url("../assets/images/null.webp");
         background-size: cover;
       }
 
diff --git a/src/composables/mediaNotification.js b/src/composables/mediaNotification.js
index f9a7a6ff..057589e2 100644
--- a/src/composables/mediaNotification.js
+++ b/src/composables/mediaNotification.js
@@ -17,27 +17,27 @@ let showMediaNotif = () => {
         {
           src: current.image,
           sizes: "128x128",
-          type: "image/png",
+          type: "image/webp",
         },
         {
           src: current.image,
           sizes: "192x192",
-          type: "image/png",
+          type: "image/webp",
         },
         {
           src: current.image,
           sizes: "256x256",
-          type: "image/png",
+          type: "image/webp",
         },
         {
           src: current.image,
           sizes: "384x384",
-          type: "image/png",
+          type: "image/webp",
         },
         {
           src: current.image,
           sizes: "512x512",
-          type: "image/png",
+          type: "image/webp",
         },
       ],
     });