Optimize team account settings for localization

Applied i18n translation to team account settings for improved multi-language support. The changes include replacing static text with translated keys in team account settings container, and adding new translation keys in language files. Minor changes include modification in package scripts and styling fixes.
This commit is contained in:
giancarlo
2024-03-28 16:48:50 +08:00
parent 2afa7f5be1
commit caca7c12f6
6 changed files with 26 additions and 13 deletions

View File

@@ -1,7 +1,13 @@
{ {
"settings": { "settings": {
"pageTitle": "Settings", "pageTitle": "Settings",
"pageDescription": "Manage your Team details" "pageDescription": "Manage your Team details",
"teamLogo": "Team Logo",
"teamLogoDescription": "Update your team's logo to make it easier to identify",
"teamName": "Team Name",
"teamNameDescription": "Update your team's name",
"dangerZone": "Danger Zone",
"dangerZoneDescription": "This section contains actions that are irreversible"
}, },
"yourTeam": "Your Teams", "yourTeam": "Your Teams",
"createTeam": "Create Team", "createTeam": "Create Team",

View File

@@ -105,7 +105,7 @@ export class DeletePersonalAccountService {
const { renderAccountDeleteEmail } = await import('@kit/email-templates'); const { renderAccountDeleteEmail } = await import('@kit/email-templates');
const mailer = new Mailer(); const mailer = new Mailer();
const html = await renderAccountDeleteEmail({ const html = renderAccountDeleteEmail({
userDisplayName: params.userDisplayName, userDisplayName: params.userDisplayName,
productName: params.productName, productName: params.productName,
}); });

View File

@@ -148,7 +148,7 @@ function DeleteTeamConfirmationForm({
<div <div
className={ className={
'border-2 border-red-500 p-4 text-sm text-red-500' + 'border-2 border-red-500 p-4 text-sm text-red-500' +
' flex flex-col space-y-2' ' my-4 flex flex-col space-y-2'
} }
> >
<div> <div>

View File

@@ -7,6 +7,7 @@ import {
CardHeader, CardHeader,
CardTitle, CardTitle,
} from '@kit/ui/card'; } from '@kit/ui/card';
import { Trans } from '@kit/ui/trans';
import { TeamAccountDangerZone } from './team-account-danger-zone'; import { TeamAccountDangerZone } from './team-account-danger-zone';
import { UpdateTeamAccountImage } from './update-team-account-image-container'; import { UpdateTeamAccountImage } from './update-team-account-image-container';
@@ -31,10 +32,12 @@ export function TeamAccountSettingsContainer(props: {
<div className={'flex flex-col space-y-8'}> <div className={'flex flex-col space-y-8'}>
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle>Team Logo</CardTitle> <CardTitle>
<Trans i18nKey={'teams:settings.teamLogo'} />
</CardTitle>
<CardDescription> <CardDescription>
Update your team's logo to make it easier to identify <Trans i18nKey={'teams:settings.teamLogoDescription'} />
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
@@ -45,9 +48,13 @@ export function TeamAccountSettingsContainer(props: {
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle>Team Account Settings</CardTitle> <CardTitle>
<Trans i18nKey={'teams:settings.teamName'} />
</CardTitle>
<CardDescription>Manage your team account settings</CardDescription> <CardDescription>
<Trans i18nKey={'teams:settings.teamNameDescription'} />
</CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
@@ -60,11 +67,12 @@ export function TeamAccountSettingsContainer(props: {
<Card className={'border-destructive border-2'}> <Card className={'border-destructive border-2'}>
<CardHeader> <CardHeader>
<CardTitle>Danger Zone</CardTitle> <CardTitle>
<Trans i18nKey={'teams:settings.dangerZone'} />
</CardTitle>
<CardDescription> <CardDescription>
Please be careful when making changes in this section as they are <Trans i18nKey={'teams:settings.dangerZoneDescription'} />
irreversible.
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>

View File

@@ -194,7 +194,7 @@ export class StripeWebhookHandlerService
price_amount: params.amount, price_amount: params.amount,
cancel_at_period_end: subscription.cancel_at_period_end ?? false, cancel_at_period_end: subscription.cancel_at_period_end ?? false,
interval: interval as string, interval: interval as string,
currency: price?.currency!, currency: price?.currency as string,
product_id: price?.product as string, product_id: price?.product as string,
variant_id: priceId, variant_id: priceId,
interval_count: price?.recurring?.interval_count ?? 1, interval_count: price?.recurring?.interval_count ?? 1,

View File

@@ -8,8 +8,7 @@
"reset": "supabase db reset || supabase start", "reset": "supabase db reset || supabase start",
"status": "supabase status", "status": "supabase status",
"test": "supabase db test", "test": "supabase db test",
"lint": "supabase db lint", "db:lint": "supabase db lint",
"lint:report": "supabase db lint",
"deploy": "supabase link --project-ref $SUPABASE_PROJECT_REF && supabase db push", "deploy": "supabase link --project-ref $SUPABASE_PROJECT_REF && supabase db push",
"typegen": "supabase gen types typescript --local > ../packages/supabase/src/database.types.ts" "typegen": "supabase gen types typescript --local > ../packages/supabase/src/database.types.ts"
}, },