watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-18 11:35:37 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add functionality to leave team

Browse source
This commit is contained in:
Francis Cao 2024-02-07 11:33:35 -08:00
parent d7f32e6987
commit 0016a9f4e1
4 changed files with 23 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/(main)/settings/teams/[teamId]/team/TeamDetails.tsx
View file

@ -1,13 +1,13 @@
import { useContext, useState } from 'react';
import { Item, Tabs, Flexbox, Text, Icon } from 'react-basics';
import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';
import { useLogin, useMessages } from 'components/hooks';
import Icons from 'components/icons';
import PageHeader from 'components/layout/PageHeader';
import { ROLES } from 'lib/constants';
import Icons from 'components/icons';
import { useLogin, useMessages } from 'components/hooks';
import TeamEditForm from './TeamEditForm';
import { useContext, useState } from 'react';
import { Flexbox, Item, Tabs } from 'react-basics';
import TeamLeaveButton from '../../TeamLeaveButton';
import TeamAdmin from './TeamAdmin';
import LinkButton from 'components/common/LinkButton';
import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';
import TeamEditForm from './TeamEditForm';
export function TeamDetails({ teamId }: { teamId: string }) {
const team = useContext(TeamContext);
@ -22,14 +22,7 @@ export function TeamDetails({ teamId }: { teamId: string }) {
return (
<Flexbox direction="column">
<PageHeader title={team?.name} icon={<Icons.Users />}>
{!canEdit && (
<LinkButton href={`/teams/${teamId}`}>
<Icon>
<Icons.Logout />
</Icon>
<Text>{formatMessage(labels.leaveTeam)}</Text>
</LinkButton>
)}
{!canEdit && <TeamLeaveButton teamId={team.id} teamName={team.name} />}
</PageHeader>
<Tabs selectedKey={tab} onSelect={(value: any) => setTab(value)} style={{ marginBottom: 30 }}>
<Item key="details">{formatMessage(labels.details)}</Item>