From 720e387060c3dca32d517524280940a2ceb1f0b3 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Fri, 23 Dec 2022 11:46:48 +0800
Subject: [PATCH] feat: add empty in members list page

---
 .../src/components/workspace-setting/workspace-setting.tsx    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/app/src/components/workspace-setting/workspace-setting.tsx b/packages/app/src/components/workspace-setting/workspace-setting.tsx
index b26338cbeb..c456caad24 100644
--- a/packages/app/src/components/workspace-setting/workspace-setting.tsx
+++ b/packages/app/src/components/workspace-setting/workspace-setting.tsx
@@ -47,6 +47,7 @@ import {
 import { Avatar } from '@mui/material';
 import { Menu, MenuItem } from '@/ui/menu';
 import { toast } from '@/ui/toast';
+import { Empty } from '@/ui/empty';
 import { useAppState } from '@/providers/app-state-provider';
 import { WorkspaceDetails } from '../workspace-slider-bar/WorkspaceSelector/SelectorPopperContent';
 import { GeneralPage } from './general';
@@ -193,6 +194,9 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
         <StyledMemberRoleContainer>Access level</StyledMemberRoleContainer>
       </StyledMemberTitleContainer>
       <StyledMemberListContainer>
+        {members.length === 0 && (
+          <Empty width={648} sx={{ marginTop: '60px' }} height={300}></Empty>
+        )}
         {members.length ? (
           members.map(member => {
             return (