chore: remove setting tabs icon

This commit is contained in:
JimmFly
2023-01-17 17:46:34 +08:00
parent c7c8ea7103
commit d64ae51c94
@@ -4,15 +4,8 @@ import {
StyledSettingSidebar, StyledSettingSidebar,
StyledSettingSidebarHeader, StyledSettingSidebarHeader,
StyledSettingTabContainer, StyledSettingTabContainer,
StyledSettingTagIconContainer,
WorkspaceSettingTagItem, WorkspaceSettingTagItem,
} from '@/components/workspace-setting/style'; } from '@/components/workspace-setting/style';
import {
EditIcon,
UsersIcon,
PublishIcon,
CloudInsyncIcon,
} from '@blocksuite/icons';
import { ReactElement, ReactNode, useState } from 'react'; import { ReactElement, ReactNode, useState } from 'react';
import { import {
GeneralPage, GeneralPage,
@@ -30,32 +23,26 @@ type TabNames = 'general' | 'members' | 'publish' | 'sync' | 'export';
const tabMap: { const tabMap: {
name: TabNames; name: TabNames;
icon: ReactNode;
panelRender: (workspace: WorkspaceUnit) => ReactNode; panelRender: (workspace: WorkspaceUnit) => ReactNode;
}[] = [ }[] = [
{ {
name: 'general', name: 'general',
icon: <EditIcon />,
panelRender: workspace => <GeneralPage workspace={workspace} />, panelRender: workspace => <GeneralPage workspace={workspace} />,
}, },
{ {
name: 'members', name: 'members',
icon: <CloudInsyncIcon />,
panelRender: workspace => <MembersPage workspace={workspace} />, panelRender: workspace => <MembersPage workspace={workspace} />,
}, },
{ {
name: 'publish', name: 'publish',
icon: <UsersIcon />,
panelRender: workspace => <PublishPage workspace={workspace} />, panelRender: workspace => <PublishPage workspace={workspace} />,
}, },
{ {
name: 'sync', name: 'sync',
icon: <PublishIcon />,
panelRender: workspace => <SyncPage workspace={workspace} />, panelRender: workspace => <SyncPage workspace={workspace} />,
}, },
{ {
name: 'export', name: 'export',
icon: <PublishIcon />,
panelRender: workspace => <ExportPage workspace={workspace} />, panelRender: workspace => <ExportPage workspace={workspace} />,
}, },
]; ];
@@ -74,14 +61,12 @@ const WorkspaceSetting = () => {
)?.panelRender; )?.panelRender;
let tableArr: { let tableArr: {
name: TabNames; name: TabNames;
icon: ReactNode;
panelRender: (workspace: WorkspaceUnit) => ReactNode; panelRender: (workspace: WorkspaceUnit) => ReactNode;
}[] = tabMap; }[] = tabMap;
if (!isOwner) { if (!isOwner) {
tableArr = [ tableArr = [
{ {
name: 'general', name: 'general',
icon: <EditIcon />,
panelRender: workspace => <GeneralPage workspace={workspace} />, panelRender: workspace => <GeneralPage workspace={workspace} />,
}, },
]; ];
@@ -93,7 +78,7 @@ const WorkspaceSetting = () => {
{t('Workspace Settings')} {t('Workspace Settings')}
</StyledSettingSidebarHeader> </StyledSettingSidebarHeader>
<StyledSettingTabContainer> <StyledSettingTabContainer>
{tableArr.map(({ icon, name }) => { {tableArr.map(({ name }) => {
return ( return (
<WorkspaceSettingTagItem <WorkspaceSettingTagItem
key={name} key={name}
@@ -102,9 +87,6 @@ const WorkspaceSetting = () => {
handleTabChange(name); handleTabChange(name);
}} }}
> >
<StyledSettingTagIconContainer>
{icon}
</StyledSettingTagIconContainer>
{name} {name}
</WorkspaceSettingTagItem> </WorkspaceSettingTagItem>
); );