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