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

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,7 +299,8 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
</div>
</div>
<DialogFooter showDivider>
<div className="relative right-40">
<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"
@ -312,6 +317,7 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
</Button>
</div>
<div className="flex gap-2">
<Button
type="button"
color="minimal"
@ -321,13 +327,11 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
}}>
{t("cancel")}
</Button>
<Button
type="submit"
color="primary"
className="me-2 ms-2"
data-testid="invite-new-member-button">
<Button type="submit" color="primary" data-testid="invite-new-member-button">
{t("send_invite")}
</Button>
</div>
</div>
</DialogFooter>
</Form>
</DialogContent>