From 88e143ae2f8a4d9c50f00f2acbe8880ce772c029 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 4 May 2022 01:45:29 +0300
Subject: [PATCH] use new image server on SongItem.vue

---
 src/components/shared/SongItem.vue | 9 ++++++++-
 src/config.ts                      | 9 +++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/config.ts

diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index 5e340a43..e3b18e64 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -9,7 +9,11 @@
     <div class="flex">
       <div
         class="album-art image rounded"
-        :style="{ backgroundImage: `url(&quot;${props.song.image}&quot;` }"
+        :style="{
+          backgroundImage: `url(&quot;${
+            imguri + props.song.image
+          }&quot;`,
+        }"
         @click="emitUpdate(props.song)"
       >
         <div
@@ -64,10 +68,12 @@ import { ContextSrc } from "../../composables/enums";
 import { ref } from "vue";
 import trackContext from "../../contexts/track_context";
 import { Track } from "../../interfaces.js";
+import { paths } from "../../config";
 
 const contextStore = useContextStore();
 const modalStore = useModalStore();
 const context_on = ref(false);
+const imguri = paths.images.thumb
 
 const showContextMenu = (e: Event) => {
   e.preventDefault();
@@ -118,6 +124,7 @@ function emitUpdate(track: Track) {
     width: 45px;
     background-color: red;
   }
+
   @include tablet-landscape {
     grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr;
   }
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 00000000..7e923362
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,9 @@
+const paths = {
+  api: "",
+  images: {
+    thumb: "http://0.0.0.0:9877/thumb/",
+    artist: "http://0.0.0.0:9877/artist/",
+  },
+};
+
+export { paths };