New: Convert restrictions to release profiles

frontend/src/Settings/Profiles/Profiles.js

@@ -1,14 +1,13 @@
 import React, { Component } from 'react';
 import { DndProvider } from 'react-dnd-multi-backend';
 import HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch';
-import Link from 'Components/Link/Link';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
 import translate from 'Utilities/String/translate';
 import DelayProfilesConnector from './Delay/DelayProfilesConnector';
 import QualityProfilesConnector from './Quality/QualityProfilesConnector';
-import styles from './Profiles.css';
+import ReleaseProfilesConnector from './Release/ReleaseProfilesConnector';
 // Only a single DragDrop Context can exist so it's done here to allow editing
 // quality profiles and reordering delay profiles to work.
 
@@ -28,11 +27,7 @@ class Profiles extends Component {
           <DndProvider options={HTML5toTouch}>
             <QualityProfilesConnector />
             <DelayProfilesConnector />
-            <div className={styles.addCustomFormatMessage}>
-              {translate('LookingForReleaseProfiles1')}
-              <Link to='/settings/customformats'> {translate('CustomFormats')} </Link>
-              {translate('LookingForReleaseProfiles2')}
-            </div>
+            <ReleaseProfilesConnector />
           </DndProvider>
         </PageContentBody>
       </PageContent>