Fixed `npm run dev` not finding svgs

5 files changed, 68 insertions, 3 deletions

diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 1cb4c71..3855c2a 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { onDestroy, onMount } from 'svelte';
-	import addSVG from '../../static/play.svg';
-	import playSVG from '../../static/play.svg';
-	import pauseSVG from '../../static/pause.svg';
+	import addSVG from '../svg/add.svg';
+	import playSVG from '../svg/play.svg';
+	import pauseSVG from '../svg/pause.svg';
 	import type { WsMessage, Song, SearchResponse } from '../lib/api';
 	import API from '../lib/api';
 	API.baseUrl = '/';
diff --git a/web/src/svg/add.svg b/web/src/svg/add.svg
new file mode 100644
index 0000000..55d75aa
--- /dev/null
+++ b/web/src/svg/add.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 512 512" xml:space="preserve">
+	<path d="M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,482.743 C130.974,482.743,29.257,381.026,29.257,256S130.974,29.257,256,29.257S482.743,130.974,482.743,256S381.026,482.743,256,482.743z"/>
+	<path d="M266.243,416.5c-8.078,0-14.629,6.557-14.629,14.636c0,8.079,6.551,14.629,14.629,14.629s14.629-6.551,14.629-14.629 v-0.013C280.872,423.044,274.321,416.5,266.243,416.5z"/>
+	<path d="M432.599,248.117c-8.078,0-14.629,6.551-14.629,14.629c0,67.634-43.33,126.623-107.82,146.786 c-7.711,2.409-12.007,10.616-9.596,18.327c1.956,6.257,7.728,10.268,13.957,10.268c1.445,0,2.917-0.216,4.37-0.671 c36.419-11.385,69.113-34.578,92.058-65.3c23.741-31.792,36.289-69.625,36.289-109.409 C447.228,254.667,440.677,248.117,432.599,248.117z"/>
+	<path d="m357.6,235.6h-81.2v-81.2c0-11.3-9.1-20.4-20.4-20.4-11.3,0-20.4,9.1-20.4,20.4v81.2h-81.2c-11.3,0-20.4,9.1-20.4,20.4s9.1,20.4 20.4,20.4h81.2v81.2c0,11.3 9.1,20.4 20.4,20.4 11.3,0 20.4-9.1 20.4-20.4v-81.2h81.2c11.3,0 20.4-9.1 20.4-20.4s-9.1-20.4-20.4-20.4z"/>
+</svg>
diff --git a/web/src/svg/pause.svg b/web/src/svg/pause.svg
new file mode 100644
index 0000000..6559131
--- /dev/null
+++ b/web/src/svg/pause.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 512 512" xml:space="preserve">
+		<path d="M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,482.743
+			C130.974,482.743,29.257,381.026,29.257,256S130.974,29.257,256,29.257S482.743,130.974,482.743,256S381.026,482.743,256,482.743z"/>
+		<path d="M266.243,416.5c-8.078,0-14.629,6.557-14.629,14.636c0,8.079,6.551,14.629,14.629,14.629s14.629-6.551,14.629-14.629
+			v-0.013C280.872,423.044,274.321,416.5,266.243,416.5z"/>
+		<path d="M432.599,248.117c-8.078,0-14.629,6.551-14.629,14.629c0,67.634-43.33,126.623-107.82,146.786
+			c-7.711,2.409-12.007,10.616-9.596,18.327c1.956,6.257,7.728,10.268,13.957,10.268c1.445,0,2.917-0.216,4.37-0.671
+			c36.419-11.385,69.113-34.578,92.058-65.3c23.741-31.792,36.289-69.625,36.289-109.409
+			C447.228,254.667,440.677,248.117,432.599,248.117z"/>
+		<path d="M225.344,153.6h-57.116c-8.078,0-14.629,6.551-14.629,14.629v175.543c0,8.078,6.551,14.629,14.629,14.629h57.116
+			c8.078,0,14.629-6.551,14.629-14.629V168.229C239.973,160.151,233.422,153.6,225.344,153.6z M210.716,329.143h-27.859V182.857
+			h27.859V329.143z"/>
+		<path d="M340.878,153.6h-57.116c-8.078,0-14.629,6.551-14.629,14.629v175.543c0,8.078,6.551,14.629,14.629,14.629h57.116
+			c8.079,0,14.629-6.551,14.629-14.629V168.229C355.506,160.151,348.956,153.6,340.878,153.6z M326.249,329.143h-27.859V182.857
+			h27.859V329.143z"/>
+</svg>
diff --git a/web/src/svg/play.svg b/web/src/svg/play.svg
new file mode 100644
index 0000000..59855de
--- /dev/null
+++ b/web/src/svg/play.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 512 512" xml:space="preserve">
+
+		<path d="M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,482.743
+			C130.974,482.743,29.257,381.026,29.257,256S130.974,29.257,256,29.257S482.743,130.974,482.743,256S381.026,482.743,256,482.743z"/>
+		<path d="M266.243,416.5c-8.079,0-14.629,6.557-14.629,14.636c0,8.079,6.549,14.629,14.629,14.629s14.629-6.551,14.629-14.629
+			v-0.013C280.872,423.044,274.322,416.5,266.243,416.5z"/>
+		<path d="M432.599,248.117c-8.079,0-14.629,6.551-14.629,14.629c0,67.634-43.33,126.623-107.82,146.785
+			c-7.711,2.411-12.007,10.617-9.598,18.328c1.956,6.257,7.73,10.268,13.959,10.268c1.445,0,2.917-0.217,4.37-0.672
+			c36.421-11.385,69.114-34.578,92.058-65.302c23.741-31.791,36.289-69.625,36.289-109.407
+			C447.228,254.667,440.678,248.117,432.599,248.117z"/>
+		<path d="M366.387,229.945v0.001l-168.05-99.673c-9.484-5.625-20.865-5.723-30.444-0.266c-9.58,5.455-15.299,15.296-15.299,26.32
+			v199.345c0,11.024,5.72,20.865,15.299,26.32c4.71,2.684,9.855,4.023,14.997,4.023c5.315,0,10.626-1.432,15.446-4.291
+			l168.05-99.672c9.292-5.51,14.839-15.249,14.839-26.052C381.226,245.197,375.679,235.457,366.387,229.945z M351.465,256.888
+			L183.413,356.56c-0.206,0.124-0.518,0.307-1.039,0.01c-0.522-0.297-0.522-0.66-0.522-0.898V156.327c0-0.238,0-0.601,0.522-0.898
+			c0.208-0.119,0.382-0.159,0.53-0.159c0.222,0,0.385,0.095,0.509,0.168l168.052,99.673v0.001c0.189,0.111,0.506,0.3,0.506,0.888
+			C351.969,256.587,351.653,256.775,351.465,256.888z"/>
+</svg>
diff --git a/web/src/svg/stop.svg b/web/src/svg/stop.svg
new file mode 100644
index 0000000..76301a5
--- /dev/null
+++ b/web/src/svg/stop.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 512 512" xml:space="preserve">
+		<path d="M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,482.743
+			C130.974,482.743,29.257,381.026,29.257,256S130.974,29.257,256,29.257S482.743,130.974,482.743,256S381.026,482.743,256,482.743z
+			"/>
+		<path d="M266.243,416.502c-8.078,0-14.629,6.555-14.629,14.634c0,8.079,6.551,14.629,14.629,14.629s14.629-6.551,14.629-14.629
+			v-0.012C280.872,423.045,274.321,416.502,266.243,416.502z"/>
+		<path d="M432.599,248.117c-8.078,0-14.629,6.551-14.629,14.629c0,67.634-43.33,126.623-107.82,146.786
+			c-7.711,2.409-12.007,10.616-9.596,18.327c1.956,6.257,7.728,10.268,13.957,10.268c1.445,0,2.917-0.216,4.37-0.671
+			c36.419-11.385,69.113-34.578,92.058-65.3c23.741-31.792,36.289-69.625,36.289-109.409
+			C447.228,254.667,440.677,248.117,432.599,248.117z"/>
+		<path d="M343.771,153.6H168.229c-8.078,0-14.629,6.551-14.629,14.629 v175.543c0,8.078,6.551,14.629,14.629,14.629h175.543
+			c8.078,0,14.629-6.551,14.629-14.629V168.229C358.4,160.151,351.849,153.6,343.771,153.6z M329.143,329.143H182.857V182.857
+			h146.286V329.143z"/>
+</svg>