make code

frontend/shared/StaticAudio.svelte

@@ -22,7 +22,7 @@
         offer: (body: any) => Promise<any>;
     };
 
-    let stream_state: "open" | "closed" | "connecting" = "closed";
+    let stream_state: "open" | "closed" | "waiting" = "closed";
     let audio_player: HTMLAudioElement;
     let pc: RTCPeerConnection;
     let _webrtc_id = Math.random().toString(36).substring(2);
@@ -35,7 +35,6 @@
         stop: undefined;
 	}>();
 
-
     onMount(() => {
         window.setInterval(() => {
             if (stream_state == "open") {
@@ -45,10 +44,11 @@
         }
     )
 
-    async function start_stream(value: string): Promise<void> {
+    async function start_stream(value: string): Promise<string> {
         if( value === "start_webrtc_stream") {
-            stream_state = "connecting";
+            stream_state = "waiting";
             value = _webrtc_id;
+            console.log("set value to ", value);
             pc = new RTCPeerConnection(rtc_configuration);
             pc.addEventListener("connectionstatechange",
                 async (event) => {
@@ -74,9 +74,12 @@
                     dispatch("error", "Too many concurrent users. Come back later!");
                 });
         }
+        return value;
     }
 
-    $: start_stream(value);
+    $: start_stream(value).then((val) => {
+        value = val;
+    });
 
 
     
@@ -97,23 +100,28 @@
     on:play={() => dispatch("play")}
 />
 {#if value !== "__webrtc_value__"}
+    <div class="audio-container">
     <AudioWave audio_source={audio_player} {stream_state}/>
+    </div>  
 {/if}
 {#if value === "__webrtc_value__"}
-	<Empty size="small">
-		<Music />
-	</Empty>
+    <Empty size="small">
+        <Music />
+    </Empty>
 {/if}
 
 
 <style>
-    :global(::part(wrapper)) {
-        margin-bottom: var(--size-2);
-    }
+    .audio-container {
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
 
     .standard-player {
         width: 100%;
-        padding: var(--size-2);
     }
 
     .hidden {