Clarify library playback action labels (#17)

Author: KSemenenko

src/PrompterOne.Shared/Localization/SharedResource.de.resx

@@ -1639,10 +1639,10 @@
     <value>{0:N0} Wörter</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Lernen</value>
+    <value>Üben</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Lesen</value>
+    <value>Teleprompter</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Du</value>

src/PrompterOne.Shared/Localization/SharedResource.es.resx

@@ -1639,10 +1639,10 @@
     <value>palabras {0:N0}</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Aprender</value>
+    <value>Practicar</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Leer</value>
+    <value>Teleprompter</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Tú</value>

src/PrompterOne.Shared/Localization/SharedResource.fr.resx

@@ -1639,10 +1639,10 @@
     <value>Mots {0:N0}</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Apprendre</value>
+    <value>S’entraîner</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Lire</value>
+    <value>Téléprompteur</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Vous</value>

src/PrompterOne.Shared/Localization/SharedResource.it.resx

@@ -1639,10 +1639,10 @@
     <value>Parole {0:N0}</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Imparare</value>
+    <value>Esercitati</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Leggere</value>
+    <value>Teleprompter</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Tu</value>

src/PrompterOne.Shared/Localization/SharedResource.pt.resx

@@ -1417,10 +1417,10 @@
     <value>Palavras {0:N0}</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Aprender</value>
+    <value>Praticar</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Ler</value>
+    <value>Teleprompter</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Você</value>

src/PrompterOne.Shared/Localization/SharedResource.resx

@@ -592,10 +592,10 @@
     <value>{0:N0} words</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>Learn</value>
+    <value>Practice</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Read</value>
+    <value>Teleprompter</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>You</value>

src/PrompterOne.Shared/Localization/SharedResource.uk.resx

@@ -1639,10 +1639,10 @@
     <value>{0:N0} слова</value>
   </data>
   <data name="LibraryCardLearn" xml:space="preserve">
-    <value>вчитися</value>
+    <value>Практика</value>
   </data>
   <data name="LibraryCardRead" xml:space="preserve">
-    <value>Прочитайте</value>
+    <value>Телесуфлер</value>
   </data>
   <data name="LibraryDefaultAuthor" xml:space="preserve">
     <value>Ви</value>

src/PrompterOne.Shared/wwwroot/design/modules/library/30-bento-cards.css

@@ -229,6 +229,7 @@
 }
 .dcard-act {
     flex: 1;
+    min-width: 0;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -242,6 +243,7 @@
     border: 1px solid var(--gold-10);
     border-radius: 10px;
     box-shadow: inset 0 1px 0 var(--gold-06);
+    white-space: nowrap;
 }
 .dcard-act:hover { background: var(--gold-09); color: var(--t1); border-color: var(--gold-14); }
 

tests/PrompterOne.Web.Tests/Library/LibraryFolderInteractionTests.cs

@@ -120,6 +120,18 @@ public void LibraryPage_ToneMetadataToggle_HidesAndRestoresToneBadge()
         });
     }
 
+    [Test]
+    public void LibraryPage_CardPlaybackActionsUseClearModeLabels()
+    {
+        var cut = Render<LibraryPage>();
+
+        cut.WaitForAssertion(() =>
+        {
+            Assert.Equal("Practice", cut.FindByTestId(UiTestIds.Library.CardLearn(AppTestData.Scripts.DemoId)).TextContent.Trim());
+            Assert.Equal("Teleprompter", cut.FindByTestId(UiTestIds.Library.CardRead(AppTestData.Scripts.DemoId)).TextContent.Trim());
+        });
+    }
+
     [Test]
     public async Task LibraryPage_CancelsFolderOverlay_WithoutCreatingFolder()
     {

tests/PrompterOne.Web.UITests.Shell/AppShell/HeaderPlaybackLaunchFlowTests.cs

@@ -19,6 +19,11 @@ await page.SetViewportSizeAsync(
 
             await ShellRouteDriver.OpenLibraryAsync(page);
 
+            await Expect(page.GetByTestId(UiTestIds.Library.CardLearn(BrowserTestConstants.Scripts.QuantumId)))
+                .ToHaveTextAsync(BrowserTestConstants.Library.PracticeActionLabel);
+            await Expect(page.GetByTestId(UiTestIds.Library.CardRead(BrowserTestConstants.Scripts.QuantumId)))
+                .ToHaveTextAsync(BrowserTestConstants.Library.TeleprompterActionLabel);
+
             await UiInteractionDriver.ClickAndContinueAsync(
                 page.GetByTestId(UiTestIds.Library.CardLearn(BrowserTestConstants.Scripts.QuantumId)),
                 noWaitAfter: true);