From 3352bf0e074a348d49cf174d71a7197214bc94a4 Mon Sep 17 00:00:00 2001
From: Cma_laptop <yamanaka-team@hotmail.co.jp>
Date: Mon, 25 Dec 2023 11:05:26 +0900
Subject: [PATCH] feat: Layered graphics with params

---
 src/browser/graphics/views/setup-idol.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/browser/graphics/views/setup-idol.tsx b/src/browser/graphics/views/setup-idol.tsx
index 8e84a69c..d011feb9 100644
--- a/src/browser/graphics/views/setup-idol.tsx
+++ b/src/browser/graphics/views/setup-idol.tsx
@@ -19,6 +19,9 @@ import {render} from "../../render";
 import maskUpcomingImage from "../images/chalk_texture.png";
 import {FitText} from "../components/lib/fit-text";
 
+const params = new URLSearchParams(location.search);
+const layer = params.get("layer") ?? "";
+
 const Upcoming = () => {
 	const currentRun = useCurrentRun();
 	const schedule = useSchedule();
@@ -282,10 +285,14 @@ const App = () => {
 				color: setup.text,
 			}}
 		>
-			<Upcoming></Upcoming>
-			<Music></Music>
-			<Sponsor></Sponsor>
-			<TweetContainer></TweetContainer>
+			{(!layer || layer === "back") && <Upcoming></Upcoming>}
+			{(!layer || layer === "front") && (
+				<Fragment>
+					<Music></Music>
+					<Sponsor></Sponsor>
+					<TweetContainer></TweetContainer>
+				</Fragment>
+			)}
 		</div>
 	);
 };