+
+ }
+ value={searchText}
+ onChange={(e) => setSearchText(e.target.value)}
+ allowClear
+ data-testid="member-search"
+ className="max-w-xs"
+ />
+ {props.onAdd && (
+ }
+ onClick={props.onAdd}
+ data-testid="member-add-btn"
+ >
+ Add Member
+
+ )}
+
+
+
+ );
+};
diff --git a/apps/ui-community/src/components/layouts/admin/index.tsx b/apps/ui-community/src/components/layouts/admin/index.tsx
index 07b046e10..f18af0f3a 100644
--- a/apps/ui-community/src/components/layouts/admin/index.tsx
+++ b/apps/ui-community/src/components/layouts/admin/index.tsx
@@ -1,7 +1,8 @@
-import { HomeOutlined, SettingOutlined } from '@ant-design/icons';
+import { HomeOutlined, SettingOutlined, TeamOutlined } from '@ant-design/icons';
import { Route, Routes } from 'react-router-dom';
import type { Member } from '../../../generated.tsx';
import { Home } from './pages/home.tsx';
+import { Members } from './pages/members.tsx';
import { Settings } from './pages/settings.tsx';
import { SectionLayoutContainer } from './section-layout.container.tsx';
@@ -22,6 +23,13 @@ export const Admin: React.FC = () => {
icon: