diff --git a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css index f65bed4df..522facdfc 100644 --- a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css +++ b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css @@ -21,8 +21,8 @@ display: flex; color: var(--helpTextColor); - .icon { - margin-top: 3px; + .identifier { + margin-top: 8px; margin-right: 5px; padding: 2px; } diff --git a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css.d.ts b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css.d.ts index 5dd30b0d3..89da9f9b4 100644 --- a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css.d.ts +++ b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css.d.ts @@ -3,7 +3,7 @@ interface CssExports { 'footNote': string; 'groups': string; - 'icon': string; + 'identifier': string; 'namingSelect': string; 'namingSelectContainer': string; } diff --git a/frontend/src/Settings/MediaManagement/Naming/NamingModal.tsx b/frontend/src/Settings/MediaManagement/Naming/NamingModal.tsx index 612d23c4d..67a4b7467 100644 --- a/frontend/src/Settings/MediaManagement/Naming/NamingModal.tsx +++ b/frontend/src/Settings/MediaManagement/Naming/NamingModal.tsx @@ -2,7 +2,6 @@ import React, { useCallback, useState } from 'react'; import FieldSet from 'Components/FieldSet'; import SelectInput from 'Components/Form/SelectInput'; import TextInput from 'Components/Form/TextInput'; -import Icon from 'Components/Icon'; import Button from 'Components/Link/Button'; import InlineMarkdown from 'Components/Markdown/InlineMarkdown'; import Modal from 'Components/Modal/Modal'; @@ -10,7 +9,7 @@ import ModalBody from 'Components/Modal/ModalBody'; import ModalContent from 'Components/Modal/ModalContent'; import ModalFooter from 'Components/Modal/ModalFooter'; import ModalHeader from 'Components/Modal/ModalHeader'; -import { icons, sizes } from 'Helpers/Props'; +import { sizes } from 'Helpers/Props'; import NamingConfig from 'typings/Settings/NamingConfig'; import translate from 'Utilities/String/translate'; import NamingOption from './NamingOption'; @@ -123,63 +122,63 @@ const fileNameAnimeTokens = [ ]; const seriesTokens = [ - { token: '{Series Title}', example: "The Series Title's!", footNote: true }, + { token: '{Series Title}', example: "The Series Title's!", footNotes: '1' }, { token: '{Series CleanTitle}', example: "The Series Title's!", - footNote: true, + footNotes: '1', }, { token: '{Series TitleYear}', example: "The Series Title's! (2010)", - footNote: true, + footNotes: '1', }, { token: '{Series CleanTitleYear}', example: "The Series Title's! 2010", - footNote: true, + footNotes: '1', }, { token: '{Series TitleWithoutYear}', example: "The Series Title's!", - footNote: true, + footNotes: '1', }, { token: '{Series CleanTitleWithoutYear}', example: "The Series Title's!", - footNote: true, + footNotes: '1', }, { token: '{Series TitleThe}', example: "Series Title's!, The", - footNote: true, + footNotes: '1', }, { token: '{Series CleanTitleThe}', example: "Series Title's!, The", - footNote: true, + footNotes: '1', }, { token: '{Series TitleTheYear}', example: "Series Title's!, The (2010)", - footNote: true, + footNotes: '1', }, { token: '{Series CleanTitleTheYear}', example: "Series Title's!, The 2010", - footNote: true, + footNotes: '1', }, { token: '{Series TitleTheWithoutYear}', example: "Series Title's!, The", - footNote: true, + footNotes: '1', }, { token: '{Series CleanTitleTheWithoutYear}', example: "Series Title's!, The", - footNote: true, + footNotes: '1', }, - { token: '{Series TitleFirstCharacter}', example: 'S', footNote: true }, + { token: '{Series TitleFirstCharacter}', example: 'S', footNotes: '1' }, { token: '{Series Year}', example: '2010' }, ]; @@ -212,8 +211,8 @@ const absoluteTokens = [ ]; const episodeTitleTokens = [ - { token: '{Episode Title}', example: "Episode's Title", footNote: true }, - { token: '{Episode CleanTitle}', example: 'Episodes Title', footNote: true }, + { token: '{Episode Title}', example: "Episode's Title", footNotes: '1' }, + { token: '{Episode CleanTitle}', example: 'Episodes Title', footNotes: '1' }, ]; const qualityTokens = [ @@ -223,12 +222,21 @@ const qualityTokens = [ const mediaInfoTokens = [ { token: '{MediaInfo Simple}', example: 'x264 DTS' }, - { token: '{MediaInfo Full}', example: 'x264 DTS [EN+DE]', footNote: true }, + { token: '{MediaInfo Full}', example: 'x264 DTS [EN+DE]', footNotes: '1' }, { token: '{MediaInfo AudioCodec}', example: 'DTS' }, { token: '{MediaInfo AudioChannels}', example: '5.1' }, - { token: '{MediaInfo AudioLanguages}', example: '[EN+DE]', footNote: true }, - { token: '{MediaInfo SubtitleLanguages}', example: '[DE]', footNote: true }, + { + token: '{MediaInfo AudioLanguages}', + example: '[EN+DE]', + footNotes: '1,2', + }, + { + token: '{MediaInfo AudioLanguagesAll}', + example: '[EN]', + footNotes: '1', + }, + { token: '{MediaInfo SubtitleLanguages}', example: '[DE]', footNotes: '1' }, { token: '{MediaInfo VideoCodec}', example: 'x264' }, { token: '{MediaInfo VideoBitDepth}', example: '10' }, @@ -237,7 +245,7 @@ const mediaInfoTokens = [ ]; const otherTokens = [ - { token: '{Release Group}', example: 'Rls Grp', footNote: true }, + { token: '{Release Group}', example: 'Rls Grp', footNotes: '1' }, { token: '{Custom Formats}', example: 'iNTERNAL' }, { token: '{Custom Format:FormatName}', example: 'AMZN' }, ]; @@ -425,12 +433,12 @@ function NamingModal(props: NamingModalProps) {