mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-07 12:37:49 -05:00
246157cf63
* [web] Wiring work for `/subscription/invites` BS5 migration * [web] Migrate group-invites.tsx to BS5 * [web] Migrate group-invites-item.tsx to BS5 GitOrigin-RevId: a12aafce3ad0040dc500f5f29b1a20fbae4a748e
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { Trans } from 'react-i18next'
|
|
import GroupInvitesItemFooter from './group-invites-item-footer'
|
|
import type { TeamInvite } from '../../../../../../types/team-invite'
|
|
import OLCard from '@/features/ui/components/ol/ol-card'
|
|
import OLRow from '@/features/ui/components/ol/ol-row'
|
|
import OLCol from '@/features/ui/components/ol/ol-col'
|
|
|
|
type GroupInvitesItemProps = {
|
|
teamInvite: TeamInvite
|
|
}
|
|
|
|
export default function GroupInvitesItem({
|
|
teamInvite,
|
|
}: GroupInvitesItemProps) {
|
|
return (
|
|
<OLRow className="row-spaced">
|
|
<OLCol lg={{ span: 8, offset: 2 }} className="text-center">
|
|
<OLCard>
|
|
<div className="page-header">
|
|
<h2>
|
|
<Trans
|
|
i18nKey="invited_to_group"
|
|
values={{ inviterName: teamInvite.inviterName }}
|
|
shouldUnescape
|
|
tOptions={{ interpolation: { escapeValue: true } }}
|
|
components={
|
|
/* eslint-disable-next-line react/jsx-key */
|
|
[<span className="team-invite-name" />]
|
|
}
|
|
/>
|
|
</h2>
|
|
</div>
|
|
<GroupInvitesItemFooter teamInvite={teamInvite} />
|
|
</OLCard>
|
|
</OLCol>
|
|
</OLRow>
|
|
)
|
|
}
|