From a6596de2c95dfcf0adaf37f7d63b3a102bed696d Mon Sep 17 00:00:00 2001
From: Ivan Mercedes <ivanmercede@gmail.com>
Date: Tue, 7 Jul 2026 20:55:21 -0400
Subject: [PATCH] refactor: improve type safety for translations by replacing
 any types with specific parameters and node types

---
 src/components/settings/invite-member-dialog.tsx | 4 ++--
 src/components/settings/members-tab.tsx          | 4 ++--
 src/components/settings/profile-form.tsx         | 2 +-
 src/components/settings/tag-manager.tsx          | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/settings/invite-member-dialog.tsx b/src/components/settings/invite-member-dialog.tsx
index 53541c3..b48c9a1 100644
--- a/src/components/settings/invite-member-dialog.tsx
+++ b/src/components/settings/invite-member-dialog.tsx
@@ -198,7 +198,7 @@ export function InviteMemberDialog({
                 {t.rich('inviteCreatedDesc', {
                   role: tRoles(result.role),
                   days: result.expiresInDays,
-                  bold: (chunks: any) => <strong>{chunks}</strong>
+                  bold: (chunks: React.ReactNode) => <strong>{chunks}</strong>
                 })}
               </DialogDescription>
             </DialogHeader>
@@ -305,7 +305,7 @@ export function InviteMemberDialog({
                   <SelectContent>
                     {EXPIRY_OPTIONS.map((opt) => (
                       <SelectItem key={opt.value} value={opt.value}>
-                        {t(opt.labelKey as any)}
+                        {t(opt.labelKey as Parameters<typeof t>[0])}
                       </SelectItem>
                     ))}
                   </SelectContent>
diff --git a/src/components/settings/members-tab.tsx b/src/components/settings/members-tab.tsx
index 7584440..bb79dd9 100644
--- a/src/components/settings/members-tab.tsx
+++ b/src/components/settings/members-tab.tsx
@@ -115,7 +115,7 @@ function fmtDate(iso: string): string {
   });
 }
 
-function fmtExpiresIn(iso: string, t: any): string {
+function fmtExpiresIn(iso: string, t: (key: string, values?: Record<string, unknown>) => string): string {
   const ms = new Date(iso).getTime() - Date.now();
   if (ms <= 0) return t('expired');
   const days = Math.floor(ms / (24 * 60 * 60 * 1000));
@@ -579,7 +579,7 @@ export function MembersTab() {
             <DialogDescription className="text-muted-foreground">
               {t.rich('removeDialogDesc', { 
                 name: removingMember?.full_name || t('unnamed'),
-                bold: (chunks: any) => <strong>{chunks}</strong>
+                bold: (chunks: React.ReactNode) => <strong>{chunks}</strong>
               })}
             </DialogDescription>
           </DialogHeader>
diff --git a/src/components/settings/profile-form.tsx b/src/components/settings/profile-form.tsx
index 802a73b..4663cd0 100644
--- a/src/components/settings/profile-form.tsx
+++ b/src/components/settings/profile-form.tsx
@@ -297,7 +297,7 @@ export function ProfileForm() {
                   {t.rich('emailChangeHint', { 
                     oldEmail: profile?.email || '', 
                     newEmail: email,
-                    bold: (chunks: any) => <strong>{chunks}</strong>
+                    bold: (chunks: React.ReactNode) => <strong>{chunks}</strong>
                   })}
                 </span>
               </p>
diff --git a/src/components/settings/tag-manager.tsx b/src/components/settings/tag-manager.tsx
index cb7f86e..d304c2a 100644
--- a/src/components/settings/tag-manager.tsx
+++ b/src/components/settings/tag-manager.tsx
@@ -188,7 +188,7 @@ export function TagManager() {
                     <button
                       type="button"
                       onClick={() => confirmDelete(tag)}
-                      aria-label={t('deleteAria', { name: tag.name })}
+                      aria-label={t('deleteAria', { name: tag.name, bold: (chunks: React.ReactNode) => <strong>{chunks}</strong> })}
                       className="ml-0.5 rounded-full p-0.5 opacity-60 transition-opacity hover:bg-black/10 hover:opacity-100 dark:hover:bg-white/10"
                     >
                       <X className="size-3" />
@@ -221,7 +221,7 @@ export function TagManager() {
                     key={color.value}
                     type="button"
                     onClick={() => setSelectedColor(color.value)}
-                    aria-label={t('useColor', { color: t(`colors.${color.name}` as any) })}
+                    aria-label={t('useColor', { color: t(`colors.${color.name}` as Parameters<typeof t>[0]) })}
                     aria-pressed={selectedColor === color.value}
                     className={cn(
                       'size-6 rounded-md transition-transform hover:scale-110',
@@ -229,7 +229,7 @@ export function TagManager() {
                         'outline outline-2 outline-offset-2 outline-primary',
                     )}
                     style={{ backgroundColor: color.value }}
-                    title={t(`colors.${color.name}` as any)}
+                    title={t(`colors.${color.name}` as Parameters<typeof t>[0])}
                   />
                 ))}
               </div>