Add a pluralized translation string

mathesar-foundation · Nov 9, 2023 · 9196dd9 · 9196dd9
1 parent 7ee3b43
commit 9196dd9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 6 deletions.
diff --git a/mathesar_ui/src/components/breadcrumb/BreadcrumbSelector.svelte b/mathesar_ui/src/components/breadcrumb/BreadcrumbSelector.svelte
@@ -7,7 +7,8 @@
   } from '@mathesar/component-library';
   import TextInputWithPrefix from '@mathesar/component-library/text-input/TextInputWithPrefix.svelte';
   import { iconExpandRight } from '@mathesar/icons';
-  import { labeledCount } from '@mathesar/utils/languageUtils';
+  import { _ } from 'svelte-i18n';
+  import { RichText } from '@mathesar/components/rich-text';
   import BreadcrumbSelectorRow from './BreadcrumbSelectorRow.svelte';
   import type { BreadcrumbSelectorData } from './breadcrumbTypes';
   import { filterBreadcrumbSelectorData } from './breadcrumbUtils';
@@ -71,10 +72,21 @@
               {#if filterString?.length === 0}
                 {categoryName}
               {:else}
-                {labeledCount(entries, 'matches')}
-                for
-                <b>{filterString}</b>
-                {processedData.size > 1 ? `in ${categoryName}` : ''}
+                <RichText
+                  text={$_('number_of_matches', {
+                    values: {
+                      count: entries.length,
+                      categoryCount: processedData.size > 1 ? 1 : 0,
+                    },
+                  })}
+                  let:slotName
+                >
+                  {#if slotName === 'searchValue'}
+                    <b>{filterString}</b>
+                  {:else if slotName === 'categoryName'}
+                    {categoryName}
+                  {/if}
+                </RichText>
               {/if}
             </div>
             <ul class="items">
@@ -92,7 +104,11 @@
         {:else}
           {#if filterString.length > 0}
             <div class="section-name">
-              No matches for <b>{filterString}</b>
+              <RichText text={$_('no_matches')} let:slotName>
+                {#if slotName === 'searchValue'}
+                  <b>{filterString}</b>
+                {/if}
+              </RichText>
             </div>
           {/if}
         {/each}

diff --git a/mathesar_ui/src/i18n/languages/en/en.json b/mathesar_ui/src/i18n/languages/en/en.json
@@ -11,6 +11,8 @@
   "many_to_one": "Many to One",
   "many_to_one_link_description": "Multiple [baseTable] records can link to the same [targetTable] record.",
   "no_file_uploaded": "No file uploaded",
+  "no_matches": "No matches for [searchValue]",
+  "number_of_matches": "{count, plural, one {{count} match} other {{count} matches}} for [searchValue] {categoryCount, plural, one {in [categoryName]} other{}}",
   "one_to_many": "One to Many",
   "one_to_many_link_desc": "One [baseTable] record can be linked from multiple [targetTable] records.",
   "processing_data": "Processing Data",