From 1a2fc0ab19e80c06fc5de057f78959153f31d472 Mon Sep 17 00:00:00 2001
From: BenSeage <bg012300@gmail.com>
Date: Sat, 11 Nov 2023 19:48:29 +0800
Subject: [PATCH] Update website

---
 website/app/[locale]/(root)/play/Play.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/website/app/[locale]/(root)/play/Play.tsx b/website/app/[locale]/(root)/play/Play.tsx
index 4028b46d8..3d6c97d87 100644
--- a/website/app/[locale]/(root)/play/Play.tsx
+++ b/website/app/[locale]/(root)/play/Play.tsx
@@ -149,7 +149,6 @@ export default function Play(props: any) {
             } else {
                 params.set(name, value);
             }
-
             return params.toString();
         },
         [],
@@ -157,21 +156,15 @@ export default function Play(props: any) {
 
     useEffect(() => {
         const urlSearchParams = new URLSearchParams(location.search) 
-        const queryLayout = urlSearchParams.get('layout')
-        const queryPreview = urlSearchParams.get('preview')
+        setLayout(urlSearchParams.get('layout') || '')
+        setPreview(urlSearchParams.get('preview') || '')
         const queryTab = urlSearchParams.get('tab')
-        if (queryLayout) {
-            setLayout(queryLayout)
-        }
-        if (queryPreview) {
-            setPreview(queryPreview)
-        }
         if ([...shareItem.files.map(({ title }) => title)].includes(queryTab || '')) {
             setCurrentTabTitle(queryTab)
         } else {
             setCurrentTabTitle(shareItem.files[0].title)
         }
-    }, [createQueryString, pathname, router, searchParams, shareItem.files])
+    }, [pathname, router, searchParams, shareItem.files])
 
     /**
      * 避免切換到更大視口時仍停留在僅小視口支援的 Preview 或 Generated CSS 瀏覽模式
@@ -194,13 +187,13 @@ export default function Play(props: any) {
         if (new URLSearchParams(location.search).get('layout') !== layout) {
             router.push(pathname + '?' + createQueryString('layout', layout))
         }
-    }, [createQueryString, layout, pathname, router, searchParams, shareId])
+    }, [layout, searchParams])
 
     useEffect(() => {
         if (new URLSearchParams(location.search).get('preview') !== preview) {
             router.push(pathname + '?' + createQueryString('preview', preview))
         }
-    }, [createQueryString, pathname, preview, router, searchParams, shareId])
+    }, [preview, searchParams])
 
     /**
      * 需避免即時編輯 HTML, Config 或切換 Theme 時更新 previewHTML，否則 Preview 將重載並造成視覺閃爍