url params

frontend/src/lib/Buttons/RoomsSelector.svelte

@@ -35,8 +35,8 @@
 		$selectedRoomID = room.room_id;
 		collapsed = true;
 		$page.url.searchParams.set('roomid', room.room_id);
-		window.location.search = `?${$page.url.searchParams.toString()}`;
-		window.parent.postMessage({ queryString: `?${$page.url.searchParams.toString()}` }, '*');
+		window.location.search = $page.url.searchParams.toString()
+		window.parent.postMessage({ queryString: $page.url.searchParams.toString() }, '*');
 	}
 </script>
 

frontend/src/lib/ContentWarningModal.svelte

@@ -25,7 +25,10 @@
 
 		<button
 			bind:this={okButton}
-			on:click={() => dispatch('contentModal')}
+			on:click={() => {
+				//set acceptedContentWarning cookie
+				dispatch('contentModal');
+			}}
 			class="font-semibold bg-blue-700 text-white rounded-lg px-5 text-xl 2xl:text-2xl spacing tracking-wide hover:saturate-150"
 			title="Input prompt to generate image and  negative prompt inside brackets <NEGATIVE PROMPT>"
 			>OK

frontend/src/routes/+page.svelte

@@ -36,10 +36,11 @@
 		});
 
 		updateRooms();
-
+		const acceptedParam = new URLSearchParams(window.location.search).get('acceptedContentWarning') 
+		console.log(acceptedParam);
 		const accepted = Cookies.get('acceptedContentWarning');
 		hideContentModal = false;
-		if (accepted) {
+		if (accepted || acceptedParam === 'true') {
 			hideContentModal = true;
 		}
 	});
@@ -47,6 +48,10 @@
 	function contentModal() {
 		hideContentModal = true;
 		Cookies.set('acceptedContentWarning', 'true', { expires: 10 });
+		const params = new URLSearchParams(window.location.search);
+		params.set('acceptedContentWarning', 'true');
+		window.parent.postMessage({ queryString: params.toString() }, '*');
+		window.location.search = params.toString();
 	}
 
 	async function updateRooms() {
@@ -74,10 +79,11 @@
 		// if seleceted room is full, select the first empty room
 		if (queriedRoom) {
 			$selectedRoomID = queriedRoom;
-			const state = { roomid: queriedRoom };
-			const queryString = '?' + new URLSearchParams(state).toString();
-			window.history.replaceState(null, '', queryString);
-			window.parent.postMessage({ queryString: queryString }, '*');
+			const params = new URLSearchParams(window.location.search);
+			params.set('roomid', queriedRoom);
+
+			window.history.replaceState(null, '', `?${params.toString()}`);
+			window.parent.postMessage({ queryString: params.toString() }, '*');
 		}
 		loading = false;
 		return { rooms };