Try a different style

Author: drjonnicholson

src/components/Publications/Entry/Periodical.jsx

@@ -1,25 +1,35 @@
-// import { asMonth, quoteTitle } from '../../../utils'
-import { quoteTitle } from '../../../utils'
+import { asMonth, quoteTitle } from '../../../utils'
 import Authors from './Authors'
 import PropTypes from 'prop-types'
 
-const Periodical = ({ entry }) => (
-  <>
-    <Authors>{entry.author}</Authors>,{' '}
-    {quoteTitle(entry.title, [entry.journal, entry.volume, entry.number, entry.pages, entry.month, entry.year])}{' '}
-    {/* {entry.journal && (
-      <>
-        <i>{entry.journal}</i>,{' '}
-      </>
-    )}
-    {entry.volume && <>vol. {entry.volume}, </>}
-    {entry.number && <>no. {entry.number}, </>}
-    {entry.pages && <>pp. {entry.pages}, </>}*/}
-    {/* {entry.month && asMonth(entry.month)} */}
-    {/*{entry.year && <>{entry.year}</>}
-    {(entry.journal || entry.volume || entry.number || entry.pages || entry.month || entry.year) && <>.</>} */}
-  </>
-)
+const Periodical = ({ entry }) => {
+  const title = quoteTitle(entry.title, [
+    entry.journal,
+    entry.volume,
+    entry.number,
+    entry.pages,
+    entry.month,
+    entry.year,
+  ])
+  const journal = entry.journal ? <i>{entry.journal}, </i> : ''
+  const volume = entry.volume ? `vol. ${entry.volume}, ` : ''
+  const number = entry.number ? `no. ${entry.number}, ` : ''
+  const pages = entry.pages ? `pp. ${entry.pages}, ` : ''
+  const month = entry.month ? `${asMonth(entry.month)} ` : ''
+  const year = entry.year ? entry.year : ''
+  const stop = entry.journal || entry.volume || entry.number || entry.pages || entry.month || entry.year ? '.' : ''
+  return (
+    <>
+      <Authors>{entry.author}</Authors>, {title} {journal}
+      {volume}
+      {number}
+      {pages}
+      {month}
+      {year}
+      {stop}
+    </>
+  )
+}
 
 Periodical.propTypes = {
   entry: PropTypes.shape({