2024-05-01 11:43:02 -04:00
|
|
|
import { Trans } from 'react-i18next'
|
2023-11-09 11:33:13 -05:00
|
|
|
import GroupInvitesItemFooter from './group-invites-item-footer'
|
|
|
|
import type { TeamInvite } from '../../../../../../types/team-invite'
|
2024-09-30 05:48:36 -04:00
|
|
|
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'
|
2023-11-09 11:33:13 -05:00
|
|
|
|
|
|
|
type GroupInvitesItemProps = {
|
|
|
|
teamInvite: TeamInvite
|
|
|
|
}
|
|
|
|
|
|
|
|
export default function GroupInvitesItem({
|
|
|
|
teamInvite,
|
|
|
|
}: GroupInvitesItemProps) {
|
|
|
|
return (
|
2024-09-30 05:48:36 -04:00
|
|
|
<OLRow className="row-spaced">
|
|
|
|
<OLCol lg={{ span: 8, offset: 2 }} className="text-center">
|
|
|
|
<OLCard>
|
2023-11-09 11:33:13 -05:00
|
|
|
<div className="page-header">
|
|
|
|
<h2>
|
2024-05-01 11:43:02 -04:00
|
|
|
<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" />]
|
|
|
|
}
|
|
|
|
/>
|
2023-11-09 11:33:13 -05:00
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
<GroupInvitesItemFooter teamInvite={teamInvite} />
|
2024-09-30 05:48:36 -04:00
|
|
|
</OLCard>
|
|
|
|
</OLCol>
|
|
|
|
</OLRow>
|
2023-11-09 11:33:13 -05:00
|
|
|
)
|
|
|
|
}
|