fix: icons in $lib

fcastrovilli · Mar 12, 2024 · 4a55498 · 4a55498
1 parent 2dd3486
commit 4a55498
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/static/play.svg → src/lib/icons/play.svg b/static/play.svg → src/lib/icons/play.svg
diff --git a/static/stop.svg → src/lib/icons/stop.svg b/static/stop.svg → src/lib/icons/stop.svg
diff --git a/src/lib/voice.svelte b/src/lib/voice.svelte
@@ -3,13 +3,15 @@
 	import * as Tone from 'tone';
 	import Volume from '$lib/volume.svelte';
 	import Frequency from '$lib/frequency.svelte';
+	import play from '$lib/icons/play.svg';
+	import stop from '$lib/icons/stop.svg';
 
 	export let volume = -100;
 	export let frequency = 440;
 
 	let osc: Tone.Oscillator | undefined = undefined;
 
-	$: status = osc?.state == 'started' ? '/stop.svg' : '/play.svg';
+	$: icon = osc?.state == 'started' ? stop : play;
 
 	onMount(() => {
 		if (osc) return;
@@ -22,15 +24,15 @@
 	const toggleOsc = () => {
 		if (!osc) return;
 		osc.state === 'started' ? osc.stop() : osc.start();
-		status = osc.state === 'started' ? '/stop.svg' : '/play.svg';
+		icon = osc.state === 'started' ? stop : play;
 	};
 </script>
 
 <div class="card variant-ghost p-4 w-full flex flex-col h-full mx-auto justify-center items-center">
 	{#if osc}
 		<p>Voice</p>
 		<button on:click={toggleOsc} type="button" class="btn btn-icon variant-ghost uppercase">
-			<img src={status} alt="" />
+			<img src={icon} alt="" />
 		</button>
 
 		{#if osc.state === 'started'}