@open-mercato/core 0.6.6-develop.6257.1.6d0af84d26 → 0.6.6-develop.6290.1.4bb5a8ba3f

package/src/modules/translations/components/TranslationManager.tsx

@@ -3,6 +3,8 @@
 import * as React from 'react'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { Button } from '@open-mercato/ui/primitives/button'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+import { Tabs, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'
 import { Input } from '@open-mercato/ui/primitives/input'
 import { ComboboxInput } from '@open-mercato/ui/backend/inputs'
 import { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'
@@ -337,27 +339,15 @@ export function TranslationManager({
   }
 
   const renderLocaleTabs = () => (
-    <div className="flex gap-1 border-b">
-      {locales.map((locale) => {
-        const isActive = activeLocale === locale
-        return (
-          <button
-            key={locale}
-            type="button"
-            data-state={isActive ? 'active' : 'inactive'}
-            data-locale={locale}
-            className={`px-3 py-1.5 text-sm font-medium transition-colors ${
-              isActive
-                ? 'border-b-2 border-accent-indigo text-foreground'
-                : 'text-muted-foreground hover:text-foreground'
-            }`}
-            onClick={() => setActiveLocale(locale)}
-          >
+    <Tabs variant="underline" value={activeLocale} onValueChange={setActiveLocale}>
+      <TabsList>
+        {locales.map((locale) => (
+          <TabsTrigger key={locale} value={locale}>
             {locale.toUpperCase()}
-          </button>
-        )
-      })}
-    </div>
+          </TabsTrigger>
+        ))}
+      </TabsList>
+    </Tabs>
   )
 
   const renderFieldTable = () => {
@@ -647,14 +637,17 @@ export function LocaleManager() {
           >
             {locale.toUpperCase()}{getIso639Label(locale) ? ` — ${getIso639Label(locale)}` : ''}
             {locales.length > 1 && (
-              <button
-                type="button"
-                className="rounded-full p-0.5 text-muted-foreground hover:text-foreground transition-colors"
+              <IconButton
+                variant="ghost"
+                size="xs"
+                fullRadius
+                aria-label={t('translations.locales.remove', 'Remove {{locale}}', { locale: getIso639Label(locale) ?? locale.toUpperCase() })}
+                title={t('translations.locales.remove', 'Remove {{locale}}', { locale: getIso639Label(locale) ?? locale.toUpperCase() })}
                 onClick={() => removeLocale(locale)}
                 disabled={mutation.isPending}
               >
                 <X className="h-3 w-3" />
-              </button>
+              </IconButton>
             )}
           </span>
         ))}

package/src/modules/translations/i18n/de.json

@@ -6,6 +6,7 @@
   "translations.locales.flash.error": "Fehler beim Aktualisieren der Sprachen",
   "translations.locales.flash.saved": "Sprachen aktualisiert",
   "translations.locales.loading": "Sprachen werden geladen...",
+  "translations.locales.remove": "{{locale}} entfernen",
   "translations.locales.title": "Unterstützte Sprachen",
   "translations.manager.actions.retry": "Erneut versuchen",
   "translations.manager.actions.save": "Übersetzungen speichern",

package/src/modules/translations/i18n/en.json

@@ -6,6 +6,7 @@
   "translations.locales.flash.error": "Failed to update locales",
   "translations.locales.flash.saved": "Locales updated",
   "translations.locales.loading": "Loading locales...",
+  "translations.locales.remove": "Remove {{locale}}",
   "translations.locales.title": "Supported locales",
   "translations.manager.actions.retry": "Retry",
   "translations.manager.actions.save": "Save translations",

package/src/modules/translations/i18n/es.json

@@ -6,6 +6,7 @@
   "translations.locales.flash.error": "Error al actualizar los idiomas",
   "translations.locales.flash.saved": "Idiomas actualizados",
   "translations.locales.loading": "Cargando idiomas...",
+  "translations.locales.remove": "Eliminar {{locale}}",
   "translations.locales.title": "Idiomas soportados",
   "translations.manager.actions.retry": "Reintentar",
   "translations.manager.actions.save": "Guardar traducciones",

package/src/modules/translations/i18n/pl.json

@@ -6,6 +6,7 @@
   "translations.locales.flash.error": "Nie udało się zaktualizować języków",
   "translations.locales.flash.saved": "Języki zaktualizowane",
   "translations.locales.loading": "Ładowanie języków...",
+  "translations.locales.remove": "Usuń {{locale}}",
   "translations.locales.title": "Obsługiwane języki",
   "translations.manager.actions.retry": "Ponów",
   "translations.manager.actions.save": "Zapisz tłumaczenia",