aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-23 21:34:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add workspace setting page

Browse Source
This commit is contained in:
Steven
2022-09-28 08:35:33 +08:00
parent d2e08de9bd
commit a175ef47e2
2 changed files with 126 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/pages/WorkspaceDetail.tsx
View File

@@ -7,11 +7,12 @@ import useLoading from "../hooks/useLoading";
import Icon from "../components/Icon";
import toastHelper from "../components/Toast";
import Dropdown from "../components/common/Dropdown";
import showCreateShortcutDialog from "../components/CreateShortcutDialog";
import showUpsertWorkspaceUserDialog from "../components/UpsertWorkspaceUserDialog";
import Header from "../components/Header";
import ShortcutListView from "../components/ShortcutListView";
import showCreateShortcutDialog from "../components/CreateShortcutDialog";
import MemberListView from "../components/MemberListView";
import showUpsertWorkspaceUserDialog from "../components/UpsertWorkspaceUserDialog";
import WorkspaceSetting from "../components/WorkspaceSetting";
interface State {
workspace: Workspace;
@@ -63,7 +64,7 @@ const WorkspaceDetail: React.FC = () => {
}, [params.workspaceName]);
useEffect(() => {
if (location.hash !== "#shortcuts" && location.hash !== "#members") {
if (location.hash !== "#shortcuts" && location.hash !== "#members" && location.hash !== "#setting") {
navigate("#shortcuts");
}
}, [location.hash]);
@@ -102,6 +103,9 @@ const WorkspaceDetail: React.FC = () => {
<NavLink to="#members" className={`${location.hash === "#members" && "underline"}`}>
Members
</NavLink>
<NavLink to="#setting" className={`${location.hash === "#setting" && "underline"}`}>
Setting
</NavLink>
</div>
<div>
<Dropdown
@@ -141,6 +145,7 @@ const WorkspaceDetail: React.FC = () => {
{location.hash === "#members" && (
<MemberListView workspaceId={state.workspace.id} workspaceUser={state.workspaceUser} userList={state.userList} />
)}
{location.hash === "#setting" && <WorkspaceSetting workspaceId={state.workspace.id} />}
</>
)}
</div>