admin/dyolink
0
0
Fork 0
Code Issues 24 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

feature: localization's first implmentation done. all frontend hardcoded text is now localized.

Browse Source
This commit is contained in:
Admin
2026-06-20 14:51:43 +03:30
parent 284fbd08aa
commit b2f4dfa4ca
52 changed files with 3306 additions and 1041 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/components/ui/organizations/InvitationHistoryDialog.tsx
View File

@@ -1,5 +1,6 @@
'use client';
import { useTranslations } from 'next-intl';
import { DialogCloseButton } from '@/components/ui/shared/DialogCloseButton';
import { ToastStack, type ToastMessages } from '@/components/ui/shared/Toast';
import type { OrganizationInvitationHistoryItemDto } from '@/lib/api/organization';
@@ -7,14 +8,6 @@ import { Badge, organizationConnectionStatusVariant } from '@/components/ui/shar
import { Table } from '@/components/ui/shared/Table';
import { CopyInvitationLinkButton } from '@/components/ui/organizations/CopyInvitationLinkButton';
function formatInvitationStatusLabel(status: OrganizationInvitationHistoryItemDto['status']): string {
if (status === 'PENDING') return 'Invitation pending';
if (status === 'ACTIVE') return 'Invitation accepted';
if (status === 'REJECTED') return 'Invitation rejected';
if (status === 'EXPIRED') return 'Invitation expired';
return status;
}
function formatTableDate(value: string): string {
const d = new Date(value);
if (Number.isNaN(d.getTime())) return '—';
@@ -43,6 +36,18 @@ export function InvitationHistoryDialog({
onCopy,
toastMessages,
}: InvitationHistoryDialogProps) {
const t = useTranslations('organizations');
function formatInvitationStatusLabel(
status: OrganizationInvitationHistoryItemDto['status'],
): string {
if (status === 'PENDING') return t('statusPending');
if (status === 'ACTIVE') return t('statusAccepted');
if (status === 'REJECTED') return t('statusRejected');
if (status === 'EXPIRED') return t('statusExpired');
return status;
}
if (!open) return null;
return (
@@ -55,7 +60,7 @@ export function InvitationHistoryDialog({
>
<div className="flex items-start justify-between gap-3">
<h2 id="invitation-history-title" className="text-lg font-semibold text-text-primary pr-2">
Invitation History
{t('historyTitle')}
</h2>
<DialogCloseButton onClick={onClose} />
</div>
@@ -63,27 +68,27 @@ export function InvitationHistoryDialog({
{toastMessages && <ToastStack {...toastMessages} />}
{loading ? (
<p className="text-sm text-text-secondary">Loading invitation history...</p>
<p className="text-sm text-text-secondary">{t('loadingHistory')}</p>
) : items.length === 0 ? (
<p className="text-sm text-text-secondary">No invitations yet.</p>
<p className="text-sm text-text-secondary">{t('historyEmpty')}</p>
) : (
<Table
headers={
<tr>
<th className="px-6 py-3 text-left text-xs font-medium text-text-muted uppercase tracking-wider">
Organization
{t('tableOrganization')}
</th>
<th className="px-6 py-3 text-left text-xs font-medium text-text-muted uppercase tracking-wider">
Owner email
{t('tableOwnerEmail')}
</th>
<th className="px-6 py-3 text-left text-xs font-medium text-text-muted uppercase tracking-wider">
Date
{t('tableDate')}
</th>
<th className="px-6 py-3 text-center text-xs font-medium text-text-muted uppercase tracking-wider">
Status
{t('tableStatus')}
</th>
<th className="px-6 py-3 text-right text-xs font-medium text-text-muted uppercase tracking-wider">
Invitation link
{t('tableInvitationLink')}
</th>
</tr>
}