From 671bbb78bd564582ef966368b23fbf9ba49c8a03 Mon Sep 17 00:00:00 2001
From: Leonid Pershin <lpershin@syntellect.ru>
Date: Sat, 25 Jul 2026 12:11:29 +0300
Subject: [PATCH] Enhance ShowMetadataCard UI: update button labels for gallery
 selection, improve metadata search input with a dedicated label, and
 streamline provider selection functionality. Update translations for new UI
 elements to improve user experience.

---
 .../features/admin/shows/ShowMetadataCard.tsx | 65 ++++++++++---------
 frontend/src/shared/lib/i18n.ts               |  4 ++
 2 files changed, 38 insertions(+), 31 deletions(-)

diff --git a/frontend/src/features/admin/shows/ShowMetadataCard.tsx b/frontend/src/features/admin/shows/ShowMetadataCard.tsx
index 2d86c55..962ca89 100644
--- a/frontend/src/features/admin/shows/ShowMetadataCard.tsx
+++ b/frontend/src/features/admin/shows/ShowMetadataCard.tsx
@@ -85,7 +85,6 @@ export function ShowMetadataCard({ show, onChanged }: { show: ShowDto; onChanged
     },
     onSuccess: () => {
       toast.success(t('settings.saved'))
-      setQuery(originalName.trim() || show.name)
       changed()
     },
     onError,
@@ -131,7 +130,7 @@ export function ShowMetadataCard({ show, onChanged }: { show: ShowDto; onChanged
             )}
           </div>
           <Button size="sm" variant="outline" onClick={() => setGalleryOpen(true)}>
-            {t('admin.metadata.pickFromGallery')}
+            {t('admin.metadata.pickPoster')}
           </Button>
           <ImageGallery
             open={galleryOpen}
@@ -156,35 +155,15 @@ export function ShowMetadataCard({ show, onChanged }: { show: ShowDto; onChanged
 
           {providers && providers.length > 0 && (
             <div className="flex flex-col gap-2">
-              <div className="flex flex-wrap items-end gap-2">
-                <div className="flex flex-col gap-1.5">
-                  <Label>{t('admin.metadata.source')}</Label>
-                  <Select value={effectiveProvider} onValueChange={setProvider}>
-                    <SelectTrigger className="w-28">
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      {providers.map((p) => (
-                        <SelectItem key={p} value={p}>
-                          {p.toUpperCase()}
-                        </SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                </div>
-                <Input
-                  className="min-w-40 flex-1"
-                  value={query}
-                  onChange={(e) => {
-                    setQuery(e.target.value)
-                    setSearched(false)
-                  }}
-                  placeholder={t('admin.metadata.searchPlaceholder')}
-                />
-                <Button size="sm" disabled={search.isPending || !query.trim()} onClick={() => search.mutate()}>
-                  {t('admin.metadata.searchBtn')}
-                </Button>
-              </div>
+              <Label>{t('admin.metadata.searchLabel')}</Label>
+              <Input
+                value={query}
+                onChange={(e) => {
+                  setQuery(e.target.value)
+                  setSearched(false)
+                }}
+                placeholder={t('admin.metadata.searchPlaceholder')}
+              />
 
               {searched && results.length === 0 && (
                 <p className="text-xs text-muted-foreground">{t('admin.metadata.nothingFound')}</p>
@@ -245,6 +224,30 @@ export function ShowMetadataCard({ show, onChanged }: { show: ShowDto; onChanged
               </div>
             </div>
             <div className="flex flex-wrap items-center gap-2">
+              {providers && providers.length > 0 && (
+                <>
+                  <Select value={effectiveProvider} onValueChange={setProvider}>
+                    <SelectTrigger className="h-9 w-24">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {providers.map((p) => (
+                        <SelectItem key={p} value={p}>
+                          {p.toUpperCase()}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    disabled={search.isPending || !query.trim()}
+                    onClick={() => search.mutate()}
+                  >
+                    {t('admin.metadata.searchBtn')}
+                  </Button>
+                </>
+              )}
               <Button size="sm" disabled={save.isPending} onClick={() => save.mutate()}>
                 {t('common.save')}
               </Button>
diff --git a/frontend/src/shared/lib/i18n.ts b/frontend/src/shared/lib/i18n.ts
index e006c32..735e6b5 100644
--- a/frontend/src/shared/lib/i18n.ts
+++ b/frontend/src/shared/lib/i18n.ts
@@ -284,6 +284,8 @@ const resources = {
         metadata: {
           title: 'Метаданные',
           pickFromGallery: 'Выбрать из галереи',
+          pickPoster: 'Из галереи',
+          searchLabel: 'Поиск метаданных',
           originalName: 'Оригинальное название (eng)',
           originalNamePlaceholder: 'Например: Family Guy',
           originalNameHint: 'По нему ищутся метаданные; на экранах показывается обычное название.',
@@ -588,6 +590,8 @@ const resources = {
         metadata: {
           title: 'Metadata',
           pickFromGallery: 'Pick from gallery',
+          pickPoster: 'From gallery',
+          searchLabel: 'Metadata search',
           originalName: 'Original name (eng)',
           originalNamePlaceholder: 'e.g. Family Guy',
           originalNameHint: 'Metadata is looked up by this; screens still show the regular name.',