External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-23 10:26:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add delete button to invite user flow (#8993)

Browse Source
This commit is contained in:
manika-signoz 2025-09-03 19:07:35 +05:30 committed by GitHub
parent 3999a64c64
commit 10c6e1fac7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/container/OrganizationSettings/InviteTeamMembers/index.tsx
View File

@ -1,4 +1,4 @@
import { PlusOutlined } from '@ant-design/icons'; import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
import { import {
Button, Button,
Form, Form,
@ -30,7 +30,7 @@ function InviteTeamMembers({ form, onFinish }: Props): JSX.Element {
initialValues={{ members: [{ email: '', name: '', role: 'VIEWER' }] }} initialValues={{ members: [{ email: '', name: '', role: 'VIEWER' }] }}
> >
<Form.List name="members"> <Form.List name="members">
{(fields, { add }): JSX.Element => ( {(fields, { add, remove }): JSX.Element => (
<SpaceContainer direction="vertical" align="center" size="middle"> <SpaceContainer direction="vertical" align="center" size="middle">
{fields.map(({ key, name }) => ( {fields.map(({ key, name }) => (
<Space key={key} direction="horizontal" align="start"> <Space key={key} direction="horizontal" align="start">
@ -56,6 +56,14 @@ function InviteTeamMembers({ form, onFinish }: Props): JSX.Element {
<Select.Option value="EDITOR">EDITOR</Select.Option> <Select.Option value="EDITOR">EDITOR</Select.Option>
</SelectDrawer> </SelectDrawer>
</Form.Item> </Form.Item>
<Button
type="text"
icon={<DeleteOutlined />}
onClick={(): void => remove(name)}
danger
data-testid={`delete-member-${name}`}
disabled={fields.length === 1}
/>
</Space> </Space>
))} ))}
<Form.Item> <Form.Item>