diff --git a/frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.js b/frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.js index 3d9a880bf..628aeb611 100644 --- a/frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.js +++ b/frontend/src/Settings/Profiles/Metadata/EditMetadataProfileModalContent.js @@ -15,9 +15,6 @@ import { inputTypes, kinds } from 'Helpers/Props'; import translate from 'Utilities/String/translate'; import styles from './EditMetadataProfileModalContent.css'; -// Tab, enter, and comma -const tagInputDelimiters = [9, 13, 188]; - function EditMetadataProfileModalContent(props) { const { isFetching, @@ -189,7 +186,7 @@ function EditMetadataProfileModalContent(props) { helpText={translate('IgnoredMetaHelpText')} kind={kinds.DANGER} placeholder={translate('IgnoredPlaceHolder')} - delimiters={tagInputDelimiters} + delimiters={['Tab', 'Enter', ',']} {...ignored} onChange={onInputChange} /> diff --git a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css index 99e019e59..9be57b9fe 100644 --- a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css +++ b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css @@ -23,9 +23,14 @@ height: 36px; } -.bookTypes { +.enabled { display: flex; flex-wrap: wrap; margin-top: 5px; - pointer-events: all; +} + +.label { + composes: label from '~Components/Label.css'; + + max-width: 100%; } diff --git a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css.d.ts b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css.d.ts index d1d487030..3f0760e94 100644 --- a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css.d.ts +++ b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.css.d.ts @@ -1,8 +1,9 @@ // This file is automatically generated. // Please do not change this file! interface CssExports { - 'bookTypes': string; 'cloneButton': string; + 'enabled': string; + 'label': string; 'metadataProfile': string; 'name': string; 'nameContainer': string; diff --git a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.js b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.js index 5a49ecd6a..5e344b623 100644 --- a/frontend/src/Settings/Profiles/Metadata/MetadataProfile.js +++ b/frontend/src/Settings/Profiles/Metadata/MetadataProfile.js @@ -1,6 +1,8 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; +import MiddleTruncate from 'react-middle-truncate'; import Card from 'Components/Card'; +import Label from 'Components/Label'; import IconButton from 'Components/Link/IconButton'; import ConfirmModal from 'Components/Modal/ConfirmModal'; import { icons, kinds } from 'Helpers/Props'; @@ -64,6 +66,9 @@ class MetadataProfile extends Component { const { id, name, + minPopularity, + minPages, + ignored, isDeleting } = this.props; @@ -86,6 +91,48 @@ class MetadataProfile extends Component { /> +
+ { + minPopularity ? + : + null + } + + { + minPages ? + : + null + } +
+ +
+ { + ignored.map((item) => { + if (!item) { + return null; + } + + return ( + + ); + }) + } +
+