From ee8ca10b3aab9c92261cdf435867c83aca89e04f Mon Sep 17 00:00:00 2001
From: dongmucat <1127093059@qq.com>
Date: Wed, 22 Apr 2026 16:18:40 +0800
Subject: [PATCH] feat(namespace): add batch import button to members page

---
 web/src/pages/dashboard/namespace-members.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/dashboard/namespace-members.tsx b/web/src/pages/dashboard/namespace-members.tsx
index 88adb53d..28b10c7d 100644
--- a/web/src/pages/dashboard/namespace-members.tsx
+++ b/web/src/pages/dashboard/namespace-members.tsx
@@ -3,6 +3,7 @@ import { useParams } from '@tanstack/react-router'
 import { useTranslation } from 'react-i18next'
 import { formatLocalDateTime } from '@/shared/lib/date-time'
 import { AddNamespaceMemberDialog } from '@/features/namespace/add-namespace-member-dialog'
+import { BatchImportMembersDialog } from '@/features/namespace/batch-import-members-dialog'
 import { NamespaceHeader } from '@/features/namespace/namespace-header'
 import { ConfirmDialog } from '@/shared/components/confirm-dialog'
 import { DashboardPageHeader } from '@/shared/components/dashboard-page-header'
@@ -152,11 +153,16 @@ export function NamespaceMembersPage() {
           </Card>
         ) : null}
 
-        <div className="flex items-center justify-end">
+        <div className="flex items-center justify-end gap-2">
           {canManageMembers ? (
-            <AddNamespaceMemberDialog slug={slug}>
-              <Button>{t('members.addMember')}</Button>
-            </AddNamespaceMemberDialog>
+            <>
+              <BatchImportMembersDialog slug={slug}>
+                <Button variant="outline">{t('members.batchImport')}</Button>
+              </BatchImportMembersDialog>
+              <AddNamespaceMemberDialog slug={slug}>
+                <Button>{t('members.addMember')}</Button>
+              </AddNamespaceMemberDialog>
+            </>
           ) : (
             <Button disabled>{t('members.addMember')}</Button>
           )}