Update translation support on 'users-permissions' , 'upload' and 'content-manager' plugin (#6439)

* fix: add Enable, Disable, and Done trad on email plugin

Signed-off-by: Fadhil Ahmad <fadzbobby95@gmail.com>

* fix: add translation for dinamic zone required component error

Signed-off-by: Fadhil Ahmad <fadzbobby95@gmail.com>

* fix: back to form.button.done, turns out other dont have form.button.done on strapi-admin

Signed-off-by: Fadhil Ahmad <fadzbobby95@gmail.com>

* feat: add replace media translation support

Signed-off-by: Fadhil Ahmad <fadzbobby95@gmail.com>

packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/index.js

@@ -142,7 +142,9 @@ const DynamicZone = ({ max, min, name }) => {
           }}
         />
         {hasRequiredError && !isOpen && !hasMaxError && (
-          <div className="error-label">Component is required</div>
+          <div className="error-label">
+            <FormattedMessage id={`${pluginId}.components.DynamicZone.required`} />
+          </div>
         )}
         {hasMaxError && !isOpen && (
           <div className="error-label">

packages/strapi-plugin-content-manager/admin/src/translations/en.json

@@ -10,6 +10,7 @@
   "components.DraggableAttr.edit": "Click to edit",
   "components.DynamicZone.add-compo": "Add to {componentName}",
   "components.DynamicZone.pick-compo": "Pick one component",
+  "components.DynamicZone.required": "Component is required",
   "components.DynamicZone.missing.singular": "There is {count} missing component",
   "components.DynamicZone.missing.plural": "There is {count} missing components",
   "components.EmptyAttributesBlock.button": "Go to settings page",

packages/strapi-plugin-upload/admin/src/containers/InputModalStepper/InputModalStepper.js

@@ -385,7 +385,7 @@ const InputModalStepper = ({ isOpen, onToggle, noNavigation, onInputMediaChange
                   onClick={handleReplaceMedia}
                   style={{ marginRight: 10 }}
                 >
-                  Replace media
+                  {formatMessage({ id: getTrad('control-card.replace-media') })}
                 </Button>
 
                 <Button

packages/strapi-plugin-upload/admin/src/containers/ModalStepper/index.js

@@ -554,7 +554,7 @@ const ModalStepper = ({
                   onClick={handleReplaceMedia}
                   style={{ marginRight: 10 }}
                 >
-                  Replace media
+                  {formatMessage({ id: getTrad('control-card.replace-media') })}
                 </Button>
 
                 <Button

packages/strapi-plugin-upload/admin/src/translations/en.json

@@ -8,6 +8,7 @@
   "control-card.crop": "Crop",
   "control-card.delete": "Delete",
   "control-card.download": "Download",
+  "control-card.replace-media": "Replace Media",
   "control-card.edit": "Edit",
   "control-card.save": "Save",
   "form.input.label.file-alt": "Alternative text",
@@ -71,4 +72,4 @@
   "sort.updated_at_desc": "Most recent updates",
   "window.confirm.close-modal.files": "Are you sure? You have some files that have not been uploaded yet.",
   "window.confirm.close-modal.file": "Are you sure? Your changes will be lost."
-}
+}

packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js

@@ -10,7 +10,7 @@ import { FormattedMessage } from 'react-intl';
 import { capitalize, get, includes } from 'lodash';
 import { IconLinks } from '@buffetjs/core';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-
+import getTrad from '../../utils/getTrad';
 import { PopUpWarning } from 'strapi-helper-plugin';
 import en from '../../translations/en.json';
 import { HomePageContext } from '../../contexts/HomePage';
@@ -93,9 +93,13 @@ class ListRow extends React.Component {
             </div>
             <div className="col-md-6" style={{ fontWeight: '500' }}>
               {get(this.props.values, [get(this.props.item, 'name'), 'enabled']) ? (
-                <span style={{ color: '#5A9E06' }}>Enabled</span>
+                <span style={{ color: '#5A9E06' }}>
+                  <FormattedMessage id={getTrad('ListRow.enabled')} />
+                </span>
               ) : (
-                <span style={{ color: '#F64D0A' }}>Disabled</span>
+                <span style={{ color: '#F64D0A' }}>
+                  <FormattedMessage id={getTrad('ListRow.disabled')} />
+                </span>
               )}
             </div>
             <div className="col-md-2">

packages/strapi-plugin-users-permissions/admin/src/translations/en.json

@@ -53,6 +53,8 @@
   "List.title.providers.enabled.singular": "{number} provider is enabled and",
   "List.title.roles.plural": "{number} roles are available",
   "List.title.roles.singular": "{number} role is available",
+  "ListRow.enabled": "Enabled",
+  "ListRow.disabled": "Disabled",
   "Plugin.permissions.application.description": "Define all your project's allowed actions.",
   "Plugin.permissions.plugins.description": "Define all allowed actions for the {name} plugin.",
   "Plugins.header.description": "Only actions bound by a route are listed below.",