diff --git a/frontend/src/Settings/MediaManagement/Naming/Naming.js b/frontend/src/Settings/MediaManagement/Naming/Naming.js
index 0c1b21586..12b22e442 100644
--- a/frontend/src/Settings/MediaManagement/Naming/Naming.js
+++ b/frontend/src/Settings/MediaManagement/Naming/Naming.js
@@ -11,6 +11,13 @@ import FormInputGroup from 'Components/Form/FormInputGroup';
import NamingModal from './NamingModal';
import styles from './Naming.css';
+const colonReplacementOptions = [
+ { key: 'delete', value: 'Delete' },
+ { key: 'dash', value: 'Replace with Dash' },
+ { key: 'spaceDash', value: 'Replace with Space Dash' },
+ { key: 'spaceDashSpace', value: 'Replace with Space Dash Space' }
+];
+
class Naming extends Component {
//
@@ -72,6 +79,7 @@ class Naming extends Component {
} = this.state;
const renameMovies = hasSettings && settings.renameMovies.value;
+ const replaceIllegalCharacters = hasSettings && settings.replaceIllegalCharacters.value;
const standardMovieFormatHelpTexts = [];
const standardMovieFormatErrors = [];
@@ -131,24 +139,38 @@ class Naming extends Component {
/>
+ {
+ replaceIllegalCharacters &&
+