dashboard fixes for prosemirror integration

packages/component-dashboard/src/components/Dashboard.js

@@ -26,7 +26,6 @@ const Dashboard = ({
 
     {!dashboard.owner.length &&
       !dashboard.reviewer.length &&
-      !dashboard.assign.length &&
       !dashboard.editor.length && (
         <div className={classes.section}>
           <div className={classes.empty}>Nothing to do at the moment. Please upload a document.</div>

packages/component-dashboard/src/components/sections/EditorItem.js

@@ -30,7 +30,7 @@ const EditorItem = ({ AssignEditor, project, version, addUserToTeam }) => (
     </div>
 
     <div className={classes.main}>
-      <VersionTitle version={version} className={classes.title}/>
+      <VersionTitle version={version} className={classes.versionTitle}/>
 
       <div className={classes.links}>
         <div className={classes.link}>

packages/component-dashboard/src/components/sections/Item.local.scss

@@ -26,7 +26,8 @@
 }
 
 // double class name to avoid clash with Viewer .root
-.title.title {
+// .title.title {
+.versionTitle {
   flex: 1;
   font-family: Vollkorn, serif;
   font-size: 1.6em;

packages/component-dashboard/src/components/sections/OwnerItem.js

@@ -12,7 +12,7 @@ const OwnerItem = ({ project, version, deleteProject }) => (
     </div>
 
     <div className={classes.main}>
-      <VersionTitle version={version} className={classes.title}/>
+      <VersionTitle version={version} className={classes.versionTitle}/>
 
       <div className={classes.links}>
         <div className={classes.link}>

packages/component-dashboard/src/components/sections/ReviewerItem.js

@@ -16,7 +16,7 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => {
   return (
     <div className={classes.root}>
       <div className={classes.main}>
-        <VersionTitle version={version} className={classes.title}/>
+        <VersionTitle version={version} className={classes.versionTitle}/>
 
         {reviewer && (
           <div>

packages/component-dashboard/src/components/sections/VersionTitle.js

 import React from 'react'
-import {TitleViewer} from 'xpub-edit/src/components'
+// import {TitleViewer} from 'xpub-edit/src/components'
 
-export default ({version, className}) => (
-  <TitleViewer
-      value={version && version.metadata && version.metadata.title || 'Untitled'}
-      className={className}/>
-)
\ No newline at end of file
+export default ({version, className}) => {
+  // <TitleViewer
+  //     value={version && version.metadata && version.metadata.title || 'Untitled'}
+  //     className={className}/>
+
+  const title = version && version.metadata && version.metadata.title
+    ? version.metadata.title
+    : 'Untitled'
+
+  return (
+    <div className={className}>
+      {title}
+    </div>
+  )
+}
\ No newline at end of file

packages/component-submit/src/components/SubmitPage.js

@@ -31,8 +31,19 @@ const onSubmit = (values, dispatch, { history, project, version }) => {
   })
 }
 
+// TODO: this is only here because prosemirror would save the title in the
+// metadata as html instead of plain text. we need to maybe find a better
+// position than here to perform this operation
+const stripHtml = (htmlString) => {
+  const temp = document.createElement('span')
+  temp.innerHTML = htmlString
+  return temp.textContent
+}
+
 // TODO: redux-form doesn't have an onBlur handler(?)
 const onChange = (values, dispatch, { project, version }) => {
+  values.metadata.title = stripHtml(values.metadata.title) // see TODO above
+
   return dispatch(actions.updateFragment(project, {
     id: version.id,
     rev: version.rev,