diff --git a/packages/components-faraday/src/components/Dashboard/DashboardCard.js b/packages/components-faraday/src/components/Dashboard/DashboardCard.js index 2520866caba246297c9b7fb07deef8fbb2c679a6..b68557636c972e05d2139083ed76d70b7d504bb2 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 0000000000000000000000000000000000000000..f098c768082838ece043a48a810317e150d939b9 --- /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' +}