Add cases to You translations

Author: krokosik

public/locales/de/common.json

@@ -16,6 +16,8 @@
   "ui": {
     "actors": {
       "you": "Du",
+      "you_dativus": "Dir",
+      "you_accusativus": "Dich",
       "friends": "Freunde",
       "groups": "Gruppen",
       "members": "Mitglieder",

public/locales/en/common.json

@@ -16,6 +16,8 @@
   "ui": {
     "actors": {
       "you": "You",
+      "you_dativus": "You",
+      "you_accusativus": "You",
       "friends": "Friends",
       "groups": "Groups",
       "members": "Members",

public/locales/it/common.json

@@ -16,6 +16,8 @@
   "ui": {
     "actors": {
       "you": "Tu",
+      "you_dativus": "Tu",
+      "you_accusativus": "Tu",
       "friends": "Amici",
       "groups": "Gruppi",
       "members": "Membri",

public/locales/pl/common.json

@@ -16,6 +16,8 @@
   "ui": {
     "actors": {
       "you": "Ty",
+      "you_dativus": "Tobie",
+      "you_accusativus": "Ciebie",
       "friends": "Znajomi",
       "groups": "Grupy",
       "members": "Członkowie",

public/locales/sv/common.json

@@ -16,6 +16,8 @@
   "ui": {
     "actors": {
       "you": "Du",
+      "you_dativus": "Dig",
+      "you_accusativus": "Dig",
       "friends": "Vänner",
       "groups": "Grupper",
       "members": "Medlemmar",

src/components/Expense/BalanceList.tsx

@@ -141,7 +141,7 @@ export const BalanceList: React.FC<{
                                 })}{' '}
                               </span>
                               <span className="text-foreground">
-                                {displayName(user, userQuery.data?.id)}
+                                {displayName(user, userQuery.data?.id, 'accusativus')}
                               </span>
                             </div>
                           </div>

src/components/Expense/ExpenseDetails.tsx

@@ -44,19 +44,22 @@ const ExpenseDetails: FC<ExpenseDetailsProps> = ({ user, expense, storagePublicU
             ) : null}
             {expense.updatedByUser ? (
               <p className="text-sm text-gray-500">
-                {t('ui.edited_by', { ns: 'common' })} {displayName(expense.updatedByUser, user.id)}{' '}
-                {t('ui.on')} {toUIDate(expense.updatedAt, { year: true })}
+                {t('ui.edited_by', { ns: 'common' })}{' '}
+                {displayName(expense.updatedByUser, user.id, 'accusativus')} {t('ui.on')}{' '}
+                {toUIDate(expense.updatedAt, { year: true })}
               </p>
             ) : null}
             {expense.deletedByUser ? (
               <p className="text-sm text-orange-600">
-                {t('ui.deleted_by', { ns: 'common' })} {displayName(expense.deletedByUser, user.id)}{' '}
+                {t('ui.deleted_by', { ns: 'common' })}{' '}
+                {displayName(expense.deletedByUser, user.id, 'accusativus')}{' '}
                 {t('ui.on', { ns: 'common' })}{' '}
                 {toUIDate(expense.deletedAt ?? expense.createdAt, { year: true })}
               </p>
             ) : (
               <p className="text-sm text-gray-500">
-                {t('ui.added_by', { ns: 'common' })} {displayName(expense.addedByUser, user.id)}{' '}
+                {t('ui.added_by', { ns: 'common' })}{' '}
+                {displayName(expense.addedByUser, user.id, 'accusativus')}{' '}
                 {t('ui.on', { ns: 'common' })} {toUIDate(expense.createdAt, { year: true })}
               </p>
             )}
@@ -83,7 +86,10 @@ const ExpenseDetails: FC<ExpenseDetailsProps> = ({ user, expense, storagePublicU
         <EntityAvatar entity={expense.paidByUser} size={35} />
         <p>
           {displayName(expense.paidByUser, user.id)}{' '}
-          {t(`ui.expense.user.${expense.amount < 0 ? 'received' : 'paid'}`, { ns: 'common' })}{' '}
+          {t(
+            `ui.expense.${expense.paidByUser.id === user.id ? 'you' : 'user'}.${expense.amount < 0 ? 'received' : 'paid'}`,
+            { ns: 'common' },
+          )}{' '}
           {expense.currency} {toUIString(expense.amount)}
         </p>
       </div>

src/components/group/GroupMyBalance.tsx

@@ -93,7 +93,7 @@ const GroupMyBalance: React.FC<GroupMyBalanceProps> = ({
                 {Object.entries(balances).map(([currency, amount]) => (
                   <div key={currency}>
                     {0 < amount
-                      ? `${friend?.name} ${t('ui.expense.user.owe')} ${t('ui.actors.you').toLowerCase()}`
+                      ? `${friend?.name} ${t('ui.expense.user.owe')} ${t('ui.actors.you_dativus').toLowerCase()}`
                       : `${t('ui.actors.you')} ${t('ui.expense.you.owe')} ${friend?.name}`}{' '}
                     {toUIString(amount)} {currency}
                   </div>

src/utils/strings.ts

@@ -8,12 +8,13 @@ export type ParametersExceptTranslation<F> = F extends (t: TFunction, ...rest: i
   : never;
 
 export const displayName = (
-  t?: TFunction,
+  t: TFunction,
   user?: Pick<User, 'name' | 'email' | 'id'> | null,
   currentUserId?: number,
+  useCase?: 'dativus' | 'accusativus',
 ): string => {
   if (currentUserId === user?.id) {
-    return t ? t('ui.actors.you', { ns: 'common' }) : 'You';
+    return t(`ui.actors.you${useCase ? `_${useCase}` : ''}`, { ns: 'common' });
   }
   return user?.name ?? user?.email ?? '';
 };
@@ -23,7 +24,9 @@ export const toUIDate = (
   date: Date,
   { useToday = false, year = false } = {},
 ): string =>
-  useToday && isToday(date) ? t('ui.today') : format(date, year ? 'dd MMM yyyy' : 'MMM dd');
+  useToday && isToday(date)
+    ? t('ui.today', { ns: 'common' })
+    : format(date, year ? 'dd MMM yyyy' : 'MMM dd');
 
 export function generateSplitDescription(
   t: TFunction,