public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: invite modal (#9713) 

* fix: invite modal

* fix: truncate text
pull/9733/head^2
Nafees Nazik 2023-06-23 14:18:20 +05:30 committed by GitHub
parent 49bcd5fec7
commit 19a7cd1a50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
packages/features/ee/teams/components/MemberInvitationModal.tsx
View File

@ -152,10 +152,14 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
options={[
{
value: "INDIVIDUAL",
label: t("invite_team_individual_segment"),
label: <span className="line-clamp-1">{t("invite_team_individual_segment")}</span>,
iconLeft: <UserIcon />,
},
{ value: "BULK", label: t("invite_team_bulk_segment"), iconLeft: <Users /> },
{
value: "BULK",
label: <span className="line-clamp-1">{t("invite_team_bulk_segment")}</span>,
iconLeft: <Users />,
},
]}
/>
</div>
@ -295,39 +299,39 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
</div>
</div>
<DialogFooter showDivider>
<div className="relative right-40">
<Button
type="button"
color="minimal"
variant="icon"
onClick={() =>
props.token
? copyInviteLinkToClipboard(props.token)
: createInviteMutation.mutate({ teamId: props.teamId })
}
className={classNames("gap-2", props.token && "opacity-50")}
data-testid="copy-invite-link-button">
<Link className="text-default h-4 w-4" aria-hidden="true" />
{t("copy_invite_link")}
</Button>
</div>
<div className="flex w-full flex-col items-end gap-2 md:flex-row md:items-center md:justify-between">
<div>
<Button
type="button"
color="minimal"
variant="icon"
onClick={() =>
props.token
? copyInviteLinkToClipboard(props.token)
: createInviteMutation.mutate({ teamId: props.teamId })
}
className={classNames("gap-2", props.token && "opacity-50")}
data-testid="copy-invite-link-button">
<Link className="text-default h-4 w-4" aria-hidden="true" />
{t("copy_invite_link")}
</Button>
</div>
<Button
type="button"
color="minimal"
onClick={() => {
props.onExit();
resetFields();
}}>
{t("cancel")}
</Button>
<Button
type="submit"
color="primary"
className="me-2 ms-2"
data-testid="invite-new-member-button">
{t("send_invite")}
</Button>
<div className="flex gap-2">
<Button
type="button"
color="minimal"
onClick={() => {
props.onExit();
resetFields();
}}>
{t("cancel")}
</Button>
<Button type="submit" color="primary" data-testid="invite-new-member-button">
{t("send_invite")}
</Button>
</div>
</div>
</DialogFooter>
</Form>
</DialogContent>