From fd86dc15734f3b7126d88f0130897c597100e30a Mon Sep 17 00:00:00 2001
From: polwex <polwex@sortug.com>
Date: Thu, 15 May 2025 20:32:25 +0700
Subject: m

---
 src/pages/test/index.tsx | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

(limited to 'src/pages/test/index.tsx')

diff --git a/src/pages/test/index.tsx b/src/pages/test/index.tsx
index 35ce5db..4c9325c 100644
--- a/src/pages/test/index.tsx
+++ b/src/pages/test/index.tsx
@@ -1,21 +1,12 @@
 // This is a Server Component by default
-import ProductDetailsServer from "./product-details-server";
+import ServerWord from "@/zoom/ServerWord";
 import TriggerModalButton from "./trigger-modal-button"; // We'll make this a client component to manage state
 
 export default function SomePage() {
   const productIdForModal = "123"; // Or get this dynamically
 
   return (
-    <main className="container p-8 mx-auto">
-      <h1 className="mb-6 text-3xl font-bold">
-        Modal with Server Component Content
-      </h1>
-      <p>
-        This page demonstrates opening a modal whose content is rendered by a
-        Server Component. The modal shell (open/close logic) is a Client
-        Component.
-      </p>
-
+    <div>
       {/*
         The TriggerModalButton will manage the modal's open/close state.
         It will receive the Server Component as a child to pass to ClientModal.
@@ -23,12 +14,8 @@ export default function SomePage() {
       <TriggerModalButton
         modalTitle={`Product Details for ID: ${productIdForModal}`}
       >
-        <ProductDetailsServer word={"fantastic"} />
+        <ServerWord word={"fantastic"} lang={"en"} />
       </TriggerModalButton>
-
-      <div className="mt-8">
-        <p>Other content on the page...</p>
-      </div>
-    </main>
+    </div>
   );
 }
-- 
cgit v1.2.3

