Add missing translations (#331)

NathanBnm · web-flow · commit 7188c44374ef · 2025-08-01T08:15:11.000+02:00
diff --git a/admin/src/components/ApproveFlow/index.tsx b/admin/src/components/ApproveFlow/index.tsx
@@ -55,12 +55,12 @@ export const ApproveFlow: FC<{ id: number, canModerate: AllowedActions['canModer
       <>
         <IconButton
           onClick={handleApproveClick}
-          label="Approve"
+            label={getMessage("page.details.actions.comment.reports.approve", "Approve")}
         >
           <Check />
         </IconButton>
         <IconButton
-          label="Reject"
+          label={getMessage("page.details.actions.comment.reports.reject", "Reject")}
           onClick={handleRejectClick}
         >
           <Cross />
diff --git a/admin/src/components/CommentRow/index.tsx b/admin/src/components/CommentRow/index.tsx
@@ -131,7 +131,7 @@ export const CommentRow: FC<Props> = ({ item }) => {
             {canReviewReports && <ReviewFlow item={item} />}
             <IconButton
               onClick={onClickDetails(item.id)}
-              label="View"
+              label={getMessage("page.details.filters.label", "View")}
             >
               <Eye />
             </IconButton>
diff --git a/admin/src/components/ReviewFlow/ReportReviewTable.tsx b/admin/src/components/ReviewFlow/ReportReviewTable.tsx
@@ -79,22 +79,22 @@ export const ReportReviewTable: FC<Props> = ({
           </Th>
           <Th>
             <Typography variant="sigma">
-              Reason
+              {getMessage('page.reports.table.header.reason', 'Reason')}
             </Typography>
           </Th>
           <Th>
             <Typography variant="sigma">
-              Content
+              {getMessage('page.reports.table.header.content', 'Content')}
             </Typography>
           </Th>
           <Th>
             <Typography variant="sigma">
-              CreateAt
+              {getMessage('page.reports.table.header.issueDate', 'Issue date')}
             </Typography>
           </Th>
           <Th>
             <Typography variant="sigma">
-              Status
+              {getMessage('page.reports.table.header.status', 'Status')}
             </Typography>
           </Th>
           <Th />
diff --git a/admin/src/components/SideNav/index.tsx b/admin/src/components/SideNav/index.tsx
@@ -1,20 +1,21 @@
 import { SubNav, SubNavHeader, SubNavLink, SubNavSection, SubNavSections } from '@strapi/design-system';
 
+import { getMessage } from '../../utils';
+
 export const SideNav = () => {
-  // TODO: add translations
   return (
     <SubNav ariaLabel="Comments sub nav">
-      <SubNavHeader label="Comments" />
+      <SubNavHeader label={getMessage('plugin.name')} />
       <SubNavSections>
-        <SubNavSection label="Moderation">
+        <SubNavSection label={getMessage('nav.header.moderation')}>
           <SubNavLink href="/admin/plugins/comments/discover">
-            Discover
+            {getMessage('nav.item.discover')}
           </SubNavLink>
           <SubNavLink
             href="/admin/plugins/comments/reports"
             withBullet={false}
           >
-            Reports
+            {getMessage('nav.item.reports')}
           </SubNavLink>
         </SubNavSection>
       </SubNavSections>
diff --git a/admin/src/components/Wysiwyg/WysiwygNav.tsx b/admin/src/components/Wysiwyg/WysiwygNav.tsx
@@ -91,18 +91,18 @@ const WysiwygNav = ({
           </Field.Root>
 
           <MainButtons>
-            <IconButton disabled label="Bold" name="Bold">
+            <IconButton disabled label={getMessage('wysiwyg.bold', "Bold")}  name="Bold">
               <Bold />
             </IconButton>
-            <IconButton disabled label="Italic" name="Italic">
+            <IconButton disabled label={getMessage('wysiwyg.italic', "Italic")} name="Italic">
               <Italic />
             </IconButton>
-            <IconButton disabled label="Underline" name="Underline">
+            <IconButton disabled label={getMessage('wysiwyg.underline', "Underline")} name="Underline">
               <Underline />
             </IconButton>
           </MainButtons>
 
-          <MoreButton disabled label="More">
+          <MoreButton disabled label={getMessage('common.more', "More")}>
             <More />
           </MoreButton>
         </Flex>
@@ -145,27 +145,27 @@ const WysiwygNav = ({
         </Field.Root>
 
         <MainButtons>
-          <IconButton onClick={() => onActionClick('Bold', editorRef)} label="Bold" name="Bold">
+          <IconButton onClick={() => onActionClick('Bold', editorRef)} label={getMessage('wysiwyg.bold', "Bold")} name="Bold">
             <Bold />
           </IconButton>
           <IconButton
             onClick={() => onActionClick('Italic', editorRef)}
-            label="Italic"
+            label={getMessage('wysiwyg.italic', "Italic")}
             name="Italic"
           >
             <Italic />
           </IconButton>
           <IconButton
             onClick={() => onActionClick('Underline', editorRef)}
-            label="Underline"
+            label={getMessage('wysiwyg.underline', "Underline")}
             name="Underline"
           >
             <Underline />
           </IconButton>
         </MainButtons>
         <Popover.Root>
           <Popover.Trigger>
-            <MoreButton label="More">
+            <MoreButton label={getMessage('common.more', "More")}>
               <More />
             </MoreButton>
           </Popover.Trigger>
@@ -174,21 +174,21 @@ const WysiwygNav = ({
               <IconButtonGroupMargin>
                 <IconButton
                   onClick={() => onActionClick('Strikethrough', editorRef, handleTogglePopover)}
-                  label="Strikethrough"
+                  label={getMessage('wysiwyg.strikethrough', "Strikethrough")}
                   name="Strikethrough"
                 >
                   <StrikeThrough />
                 </IconButton>
                 <IconButton
                   onClick={() => onActionClick('BulletList', editorRef, handleTogglePopover)}
-                  label="BulletList"
+                  label={getMessage('wysiwyg.bulletList', "BulletList")}
                   name="BulletList"
                 >
                   <BulletList />
                 </IconButton>
                 <IconButton
                   onClick={() => onActionClick('NumberList', editorRef, handleTogglePopover)}
-                  label="NumberList"
+                  label={getMessage('wysiwyg.numberList', "NumberList")}
                   name="NumberList"
                 >
                   <NumberList />
@@ -197,21 +197,21 @@ const WysiwygNav = ({
               <IconButtonGroup>
                 <IconButton
                   onClick={() => onActionClick('Code', editorRef, handleTogglePopover)}
-                  label="Code"
+                  label={getMessage('wysiwyg.code', "Code")}
                   name="Code"
                 >
                   <Code />
                 </IconButton>
                 <IconButton
                   onClick={() => onActionClick('Link', editorRef, handleTogglePopover)}
-                  label="Link"
+                  label={getMessage('wysiwyg.link', "Link")}
                   name="Link"
                 >
                   <Link />
                 </IconButton>
                 <IconButton
                   onClick={() => onActionClick('Quote', editorRef, handleTogglePopover)}
-                  label="Quote"
+                  label={getMessage('wysiwyg.quote', "Quote")}
                   name="Quote"
                 >
                   <Quotes />
diff --git a/admin/src/pages/Details/DetailsEntry.tsx b/admin/src/pages/Details/DetailsEntry.tsx
@@ -92,7 +92,7 @@ export const DetailsEntry: FC<DetailsEntryProps> = ({ config, entity, filters, o
             onCheckedChange={handleOnChange}
           >
             {getMessage(
-              "page.details.filters.removed.label",
+              "page.details.filters.removed.visibility",
               "Show removed comments"
             )}
           </Checkbox>
diff --git a/admin/src/pages/Discover/index.tsx b/admin/src/pages/Discover/index.tsx
@@ -19,12 +19,20 @@ export const Discover: FC<{ config: Config }> = ({ config }) => {
       <Page.Main>
         <Layouts.Header
           title={getMessage('page.discover.header')}
-          subtitle={`${pagination.total} entries found`}
+          subtitle={getMessage(
+            {
+              id: `page.discover.header.count`,
+              props: {
+                count: pagination.total,
+              },
+            },
+            `${pagination.total} entries found`
+          )}
           as="h2"
         />
         <Layouts.Action startActions={
           <>
-            <SearchInput label="Search" />
+            <SearchInput label={getMessage('common.search', "Search")} />
             <CommentsStatusFilters setQueryParams={setQueryParams}/>
           </>
         }/>
diff --git a/admin/src/pages/Reports/index.tsx b/admin/src/pages/Reports/index.tsx
@@ -61,13 +61,21 @@ export const Reports: FC<{ config: Config }> = ({ config }) => {
       <Page.Title children={'Comments - reports'} />
       <Page.Main>
         <Layouts.Header
-          title="Resolve threads"
-          subtitle={`${pagination.total} entries found`}
+          title={getMessage('page.reports.header', 'Resolved reports')}
+          subtitle={getMessage(
+            {
+              id: `page.discover.header.count`,
+              props: {
+                count: pagination.total,
+              },
+            },
+            `${pagination.total} entries found`
+          )}
           as="h2"
         />
         <Layouts.Action startActions={(
           <Flex gap="2">
-            <SearchInput label="Search" />
+            <SearchInput label={getMessage('common.search', "Search")} />
             {selectedItems.length > 0 && (
               <Button
                 variant="success"
diff --git a/admin/src/translations/en.ts b/admin/src/translations/en.ts
@@ -3,6 +3,8 @@ const en = {
   'plugin.section': 'Comments plugin',
   'plugin.section.item': 'Configuration',
   'common.button.back': 'Go back',
+  'common.more': 'More',
+  'common.search': 'Search',
   'nav.header.moderation': 'Moderation',
   'nav.header.settings': 'Settings',
   'nav.item.updates': 'Updates',
@@ -22,7 +24,7 @@ const en = {
   'page.common.item.status.setFilter': 'Set status...',
   'page.updates.header': 'Recent updates',
   'page.discover.header': 'Discover threads',
-  'page.discover.header.count': 'entries found',
+  'page.discover.header.count': '{count} entries found',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': 'Author',
   'page.discover.table.header.message': 'Message',
@@ -99,6 +101,8 @@ const en = {
   'page.details.actions.comment.delete': 'Delete comment',
   'page.details.actions.comment.delete.confirmation.success': 'Comment has been deleted',
   'page.details.actions.comment.reports.review': 'Review',
+  'page.details.actions.comment.reports.approve': 'Approve',
+  'page.details.actions.comment.reports.reject': 'Reject',
   'page.details.actions.thread.block': 'Block thread',
   'page.details.actions.thread.block.confirmation.header': 'Moderation: Block thread',
   'page.details.actions.thread.block.confirmation.description': 'Do you really want to block whole thread? No further discussions are going to be allowed.',
@@ -191,6 +195,15 @@ const en = {
   'customField.comments.input.populate.label': 'Populate',
   'customField.comments.input.populate.author.label': 'Populate author field',
   'customField.comments.input.populate.avatar.label': 'Populate avatar field',
+  'wysiwyg.bold': 'Bold',
+  'wysiwyg.italic': 'Italic',
+  'wysiwyg.underline': 'Underline',
+  'wysiwyg.strikethrough': 'Strikethrough',
+  'wysiwyg.bulletList': 'Bullet list',
+  'wysiwyg.numberList': 'Number list',
+  'wysiwyg.code': 'Code',
+  'wysiwyg.link': 'Link',
+  'wysiwyg.quote': 'Quote',
 };
 
 export type CommentsPluginTranslations = Partial<typeof en>;
diff --git a/admin/src/translations/fr.ts b/admin/src/translations/fr.ts
@@ -5,6 +5,8 @@ export default {
   'plugin.section': 'Plugin de commentaires',
   'plugin.section.item': 'Configuration',
   'common.button.back': 'Retour',
+  'common.more': 'Plus',
+  'common.search': 'Rechercher',
   'nav.header.moderation': 'Modération',
   'nav.header.settings': 'Paramètres',
   'nav.item.updates': 'Mises à jour',
@@ -24,7 +26,7 @@ export default {
   'page.common.item.status.setFilter': 'Définir le statut…',
   'page.updates.header': 'Mises à jour récentes',
   'page.discover.header': 'Découvrir les fils de discussion',
-  'page.discover.header.count': 'entrées trouvées',
+  'page.discover.header.count': '{count} entrées trouvées',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': 'Auteur',
   'page.discover.table.header.message': 'Message',
@@ -101,6 +103,8 @@ export default {
   'page.details.actions.comment.delete': 'Supprimer le commentaire',
   'page.details.actions.comment.delete.confirmation.success': 'Le commentaire a été supprimé',
   'page.details.actions.comment.reports.review': 'Examiner',
+  'page.details.actions.comment.reports.approve': 'Approuver',
+  'page.details.actions.comment.reports.reject': 'Rejeter',
   'page.details.actions.thread.block': 'Bloquer le fil de discussion',
   'page.details.actions.thread.block.confirmation.header': 'Modération : Bloquer le fil de discussion',
   'page.details.actions.thread.block.confirmation.description': 'Voulez-vous vraiment bloquer tout le fil de discussion ? Aucune autre discussion ne sera autorisée.',
@@ -193,4 +197,13 @@ export default {
   'customField.comments.input.populate.label': 'Charger',
   'customField.comments.input.populate.author.label': 'Charger le champ auteur',
   'customField.comments.input.populate.avatar.label': 'Charger le champ avatar',
+  'wysiwyg.bold': 'Gras',
+  'wysiwyg.italic': 'Italique',
+  'wysiwyg.underline': 'Souligné',
+  'wysiwyg.strikethrough': 'Barré',
+  'wysiwyg.bulletList': 'Liste à puces',
+  'wysiwyg.numberList': 'Liste numérotée',
+  'wysiwyg.code': 'Code',
+  'wysiwyg.link': 'Lien',
+  'wysiwyg.quote': 'Citation',
 } satisfies CommentsPluginTranslations;
diff --git a/admin/src/translations/pl.ts b/admin/src/translations/pl.ts
@@ -24,7 +24,7 @@ export default {
   'page.common.item.status.setFilter': 'Wybierz status...',
   "page.updates.header": "Ostatnie aktualizacje",
   "page.discover.header": "Odkryj wątki",
-  "page.discover.header.count": "znalezionych wpisów",
+  "page.discover.header.count": "{count} znalezionych wpisów",
   "page.discover.table.header.id": "ID",
   "page.discover.table.header.author": "Autor",
   "page.discover.table.header.message": "Wiadomość",
diff --git a/admin/src/translations/pt-BR.ts b/admin/src/translations/pt-BR.ts
@@ -21,7 +21,7 @@ export default {
   'page.common.item.status.setFilter': 'Definir status...',
   'page.updates.header': 'Atualizações recentes',
   'page.discover.header': 'Descubra tópicos',
-  'page.discover.header.count': 'entries found',
+  'page.discover.header.count': '{count} entries found',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': 'Autor',
   'page.discover.table.header.message': 'Messagem',
diff --git a/admin/src/translations/ru.ts b/admin/src/translations/ru.ts
@@ -24,7 +24,7 @@ export default {
   'page.common.item.status.setFilter': 'Установите статус...',
   'page.updates.header': 'Недавние обновления',
   'page.discover.header': 'Поиск тем',
-  'page.discover.header.count': 'записей найдено',
+  'page.discover.header.count': '{count} записей найдено',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': 'Автор',
   'page.discover.table.header.message': 'Сообщение',
diff --git a/admin/src/translations/tr.ts b/admin/src/translations/tr.ts
@@ -24,7 +24,7 @@ export default {
   'page.common.item.status.setFilter': 'Durumu ayarla...',
   'page.updates.header': 'Son güncellemeler',
   'page.discover.header': 'Konuları keşfet',
-  'page.discover.header.count': 'giriş bulundu',
+  'page.discover.header.count': '{count} giriş bulundu',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': 'Yazar',
   'page.discover.table.header.message': 'İleti',
diff --git a/admin/src/translations/zh-Hans.ts b/admin/src/translations/zh-Hans.ts
@@ -24,7 +24,7 @@ export default {
   'page.common.item.status.setFilter': '设置状态...',
   'page.updates.header': '最近的更新',
   'page.discover.header': '发现线索',
-  'page.discover.header.count': '找到的条目',
+  'page.discover.header.count': '{count} 找到的条目',
   'page.discover.table.header.id': 'ID',
   'page.discover.table.header.author': '作者',
   'page.discover.table.header.message': '内容',

Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ export const CommentRow: FC<Props> = ({ item }) => {`
`131`	`131`	`{canReviewReports && <ReviewFlow item={item} />}`
`132`	`132`	`<IconButton`
`133`	`133`	`onClick={onClickDetails(item.id)}`
`134`		`- label="View"`
	`134`	`+ label={getMessage("page.details.filters.label", "View")}`
`135`	`135`	`>`
`136`	`136`	`<Eye />`
`137`	`137`	`</IconButton>`
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export const DetailsEntry: FC<DetailsEntryProps> = ({ config, entity, filters, o`
`92`	`92`	`onCheckedChange={handleOnChange}`
`93`	`93`	`>`
`94`	`94`	`{getMessage(`
`95`		`- "page.details.filters.removed.label",`
	`95`	`+ "page.details.filters.removed.visibility",`
`96`	`96`	`"Show removed comments"`
`97`	`97`	`)}`
`98`	`98`	`</Checkbox>`