Translate Frontend Organize + Rename modal

(cherry picked from commit 866fbc7f093c34e4414734f90e756e2f6870d84a)

Closes #9054

frontend/src/Organize/OrganizePreviewModalContent.js

@@ -4,6 +4,7 @@ import Alert from 'Components/Alert';
 import CheckInput from 'Components/Form/CheckInput';
 import Button from 'Components/Link/Button';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
 import ModalBody from 'Components/Modal/ModalBody';
 import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
@@ -92,7 +93,7 @@ class OrganizePreviewModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          {translate('OrganizeAndRename')}
+          {translate('OrganizeModalHeader')}
         </ModalHeader>
 
         <ModalBody>
@@ -103,9 +104,7 @@ class OrganizePreviewModalContent extends Component {
 
           {
             !isFetching && error &&
-              <div>
+              <div>{translate('OrganizeLoadError')}</div>
-                {translate('ErrorLoadingPreviews')}
-              </div>
           }
 
           {
@@ -113,8 +112,8 @@ class OrganizePreviewModalContent extends Component {
               <div>
                 {
                   renameMovies ?
-                    <div>{translate('OrganizeModalSuccess')}</div> :
+                    <div>{translate('OrganizeNothingToRename')}</div> :
-                    <div>{translate('OrganizeModalDisabled')}</div>
+                    <div>{translate('OrganizeRenamingDisabled')}</div>
                 }
               </div>
           }
@@ -124,17 +123,11 @@ class OrganizePreviewModalContent extends Component {
               <div>
                 <Alert>
                   <div>
-                    {translate('OrganizeModalAllPathsRelative')}
+                    <InlineMarkdown data={translate('OrganizeRelativePaths', { path })} blockClassName={styles.path} />
-                    <span className={styles.path}>
-                      {path}
-                    </span>
                   </div>
 
                   <div>
-                    {translate('OrganizeModalNamingPattern')}
+                    <InlineMarkdown data={translate('OrganizeNamingPattern', { standardMovieFormat })} blockClassName={styles.standardMovieFormat} />
-                    <span className={styles.standardMovieFormat}>
-                      {standardMovieFormat}
-                    </span>
                   </div>
                 </Alert>
 

src/NzbDrone.Core/Localization/Core/en.json

@@ -375,7 +375,6 @@
   "Ended": "Ended",
   "Error": "Error",
   "ErrorLoadingContents": "Error loading contents",
-  "ErrorLoadingPreviews": "Error loading previews",
   "ErrorRestoringBackup": "Error restoring backup",
   "EventType": "Event Type",
   "Events": "Events",
@@ -787,12 +786,13 @@
   "Options": "Options",
   "Or": "or",
   "Organize": "Organize",
-  "OrganizeAndRename": "Organize & Rename",
   "OrganizeConfirm": "Are you sure you want to organize all files in the {count} selected movie(s)?",
-  "OrganizeModalAllPathsRelative": "All paths are relative to:",
+  "OrganizeLoadError": "Error loading previews",
-  "OrganizeModalDisabled": "Renaming is disabled, nothing to rename",
+  "OrganizeModalHeader": "Organize & Rename",
-  "OrganizeModalNamingPattern": "Naming Pattern:",
+  "OrganizeNamingPattern": "Naming pattern: `{standardMovieFormat}`",
-  "OrganizeModalSuccess": "Success! My work is done, no files to rename.",
+  "OrganizeNothingToRename": "Success! My work is done, no files to rename.",
+  "OrganizeRelativePaths": "All paths are relative to: `{path}`",
+  "OrganizeRenamingDisabled": "Renaming is disabled, nothing to rename",
   "OrganizeSelectedMovies": "Organize Selected Movies",
   "Original": "Original",
   "OriginalLanguage": "Original Language",