- Create or join a family to share your wardrobe experience
+ {t('description')}
@@ -103,15 +105,15 @@ function NoFamilyView() {
- Create Family
+ {t('createFamily')}
- Start a new family and invite members
+ {t('cardCreateDesc')}
{mode === 'create' ? (
) : (
)}
@@ -194,6 +196,7 @@ function NoFamilyView() {
}
function FamilyView() {
+ const t = useTranslations('family');
const { data: session } = useSession();
const { data: family, isLoading } = useFamily();
const [copied, setCopied] = useState(false);
@@ -236,9 +239,9 @@ function FamilyView() {
const handleRegenerateCode = async () => {
try {
await regenerateCode.mutateAsync();
- toast.success('New invite code generated!');
+ toast.success(t('newInviteCodeGenerated'));
} catch (error) {
- toast.error('Failed to generate new code. Please try again.');
+ toast.error(t('generateCodeFailed'));
}
};
@@ -246,10 +249,10 @@ function FamilyView() {
if (!inviteEmail.trim()) return;
try {
await inviteMember.mutateAsync({ email: inviteEmail.trim(), role: inviteRole });
- toast.success('Invitation sent!');
+ toast.success(t('invitationSent'));
setInviteEmail('');
} catch (error) {
- toast.error('Failed to send invite. Please try again.');
+ toast.error(t('sendInviteFailed'));
}
};
@@ -257,11 +260,11 @@ function FamilyView() {
if (!newName.trim()) return;
try {
await updateFamily.mutateAsync(newName.trim());
- toast.success('Family name updated!');
+ toast.success(t('nameUpdated'));
setEditingName(false);
setNewName('');
} catch (error) {
- toast.error('Failed to update name. Please try again.');
+ toast.error(t('nameUpdateError'));
}
};
@@ -292,27 +295,25 @@ function FamilyView() {
setEditingName(true);
}}
>
- Edit Name
+ {t('editName')}
)}
- Leave Family?
+ {t('leaveConfirm.title')}
- {isAdmin && family.members.length > 1
- ? 'You are an admin. Make sure another member is an admin before leaving, or remove all other members first.'
- : 'Are you sure you want to leave this family?'}
+ {t.rich('leaveConfirm.description', { name: family.name })}
- Cancel
+ {t('cancel')} leaveFamily.mutate()}
className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
@@ -320,7 +321,7 @@ function FamilyView() {
{leaveFamily.isPending ? (
) : null}
- Leave
+ {t('confirmLeave')}
@@ -336,15 +337,15 @@ function FamilyView() {
setNewName(e.target.value)}
- placeholder="Family name"
+ placeholder={t('familyNamePlaceholder')}
onKeyDown={(e) => e.key === 'Enter' && handleUpdateName()}
/>
@@ -354,8 +355,8 @@ function FamilyView() {
{/* Invite Code Card */}
- Invite Code
- Share this code with family members to let them join
+ {t('inviteCodeSection.title')}
+ {t('inviteCodeSection.description')}
@@ -284,20 +287,20 @@ function InsightCard({
}
function NoLearningData({ onRecompute, isRefreshing }: { onRecompute: () => void; isRefreshing: boolean }) {
+ const t = useTranslations('learning');
return (
-
No Learning Data Yet
+
{t('noData.title')}
- Start by accepting or rejecting outfit suggestions and rating them.
- The AI will learn from your feedback to make better recommendations.
+ {t('noData.description')}
- Already gave feedback? Click "Compute Now" to process it.
+ {t('noData.alreadyGaveFeedback')}
{profile.has_learning_data
- ? 'The AI learns from your feedback to improve recommendations'
- : 'Start rating outfits to help the AI learn your preferences'}
+ ? t('subtitle')
+ : t('subtitleEmpty')}
@@ -433,13 +437,13 @@ export default function LearningPage() {
- Style Insights
+ {t('styleInsights.title')}
- What we've learned about your preferences
+ {t('styleInsights.description')}
@@ -462,14 +466,14 @@ export default function LearningPage() {
- Learned Color Preferences
+ {t('colorPreferences.title')}
- Colors you tend to accept or reject
+ {t('colorPreferences.description')}
{profile.color_preferences.length === 0 ? (
- Not enough feedback to determine color preferences yet.
+ {t('colorPreferences.noData')}
) : (
@@ -486,14 +490,14 @@ export default function LearningPage() {
- Learned Style Preferences
+ {t('stylePreferences.title')}
- Styles that match your taste
+ {t('stylePreferences.description')}
{profile.style_preferences.length === 0 ? (
- Not enough feedback to determine style preferences yet.
+ {t('stylePreferences.noData')}
) : (
@@ -527,9 +531,9 @@ export default function LearningPage() {
- Your Best Combinations
+ {t('bestCombinations.title')}
- Item pairs that you consistently love together
+ {t('bestCombinations.description')}
@@ -547,9 +551,9 @@ export default function LearningPage() {
- Occasion Patterns
+ {t('occasionPatterns.title')}
- What works for different occasions
+ {t('occasionPatterns.description')}
@@ -558,12 +562,12 @@ export default function LearningPage() {
))}
@@ -622,17 +626,17 @@ export default function LearningPage() {
- Suggested Preference Updates
+ {t('suggestedUpdates.title')}
- Based on your feedback, we suggest updating your preferences
+ {t('suggestedUpdates.description')}