From 311ebc617cf92b7ada9fc73ef90e1bd3c638f425 Mon Sep 17 00:00:00 2001 From: Bogdan Cochior <bogdan.cochior@thinslices.com> Date: Tue, 30 Jan 2018 18:41:54 +0200 Subject: [PATCH] Parse title and remove <p> tags --- .../src/components/Dashboard/DashboardCard.js | 10 +++++++--- .../src/components/Dashboard/utils.js | 9 +++++++++ 2 files changed, 16 insertions(+), 3 deletions(-) create mode 100644 packages/components-faraday/src/components/Dashboard/utils.js diff --git a/packages/components-faraday/src/components/Dashboard/DashboardCard.js b/packages/components-faraday/src/components/Dashboard/DashboardCard.js index 2520866ca..b68557636 100644 --- a/packages/components-faraday/src/components/Dashboard/DashboardCard.js +++ b/packages/components-faraday/src/components/Dashboard/DashboardCard.js @@ -3,20 +3,24 @@ import { get, find } from 'lodash' import moment from 'moment' import { Icon } from '@pubsweet/ui' +import { parseTitle } from './utils' import classes from './Dashboard.local.scss' const DashboardCard = ({ project, listView, version }) => { const author = find(get(version, 'authors'), a => a.isSubmitting) const submitted = get(version, 'submitted') + const title = parseTitle(version) // const abstract = get(version, 'metadata.abstract') const type = get(version, 'metadata.type') return ( <div className={classes.card}> <div className={classes.leftSide}> - <div className={classes.title}> - {get(version, 'metadata.title') || 'Untitled'} - </div> + <div + className={classes.title} + dangerouslySetInnerHTML={{ __html: title }} // eslint-disable-line + /> + <div className={classes.quickInfo}> <div className={classes.status}> {get(project, 'status') || 'Draft'} diff --git a/packages/components-faraday/src/components/Dashboard/utils.js b/packages/components-faraday/src/components/Dashboard/utils.js new file mode 100644 index 000000000..f098c7680 --- /dev/null +++ b/packages/components-faraday/src/components/Dashboard/utils.js @@ -0,0 +1,9 @@ +import { get } from 'lodash' + +export const parseTitle = version => { + const title = get(version, 'metadata.title') + if (title) { + return title.replace(/<p[^>]*>/g, '').replace(/<\/p>/g, '') + } + return 'Untitled' +} -- GitLab