From 8e3d463f78a70adbc76e5625b79a3660ee8041a9 Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Thu, 15 May 2025 09:24:27 +0800
Subject: [PATCH] ``` use dynamic route parameter for user ID in
 UserActivationEditForm ```

---
 .../cms/src/app/dashboard/user_metas/edit/[id]/page.tsx      | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/002_source/cms/src/app/dashboard/user_metas/edit/[id]/page.tsx b/002_source/cms/src/app/dashboard/user_metas/edit/[id]/page.tsx
index b96e7f7..1a870e9 100644
--- a/002_source/cms/src/app/dashboard/user_metas/edit/[id]/page.tsx
+++ b/002_source/cms/src/app/dashboard/user_metas/edit/[id]/page.tsx
@@ -3,6 +3,7 @@
 // src/app/dashboard/user_metas/edit/[id]/page.tsx
 import * as React from 'react';
 import RouterLink from 'next/link';
+import { useParams } from 'next/navigation';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
@@ -11,12 +12,12 @@ import { ArrowLeft as ArrowLeftIcon } from '@phosphor-icons/react/dist/ssr/Arrow
 import { useTranslation } from 'react-i18next';
 
 import { paths } from '@/paths';
-import { CrCategoryEditForm } from '@/components/dashboard/cr/categories/cr-category-edit-form';
 import { UserActivationEditForm } from '@/components/dashboard/user_meta/user-activation-edit-form';
 import { UserMetaEditForm } from '@/components/dashboard/user_meta/user-meta-edit-form';
 
 export default function Page(): React.JSX.Element {
   const { t } = useTranslation(['user_metas']);
+  const { id: userId } = useParams<{ id: string }>();
 
   React.useEffect(() => {
     // console.log('helloworld');
@@ -50,7 +51,7 @@ export default function Page(): React.JSX.Element {
           </div>
         </Stack>
         <UserMetaEditForm />
-        <UserActivationEditForm user_id="000000000000005" />
+        <UserActivationEditForm userId={userId} />
       </Stack>
     </Box>
   );