Merge pull request #25 from xsnippet/recent-fix

Title fix for RecentSnippetItem and Snippet

Author: ikalnytskyi

src/components/RecentSnippetItem.jsx

@@ -1,21 +1,25 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-const RecentSnippetItem = ({ snippet }) => (
-  <li className="recent-snippet-item">
-    <div className="recent-snippet-data">
+const RecentSnippetItem = ({ snippet }) => {
+  const snippetTitle = snippet.get('title') || `#${snippet.get('id')}, Untitled`;
+
+  return (
+    <li className="recent-snippet-item">
+      <div className="recent-snippet-data">
+        <div>
+          <span className="recent-snippet-data-title">{snippetTitle}</span>
+          <span className="recent-snippet-data-lang">[ {snippet.get('syntax', 'Text')} ]</span>
+        </div>
+        <span className="recent-snippet-data-author">By Guest</span>
+      </div>
       <div>
-        <span className="recent-snippet-data-title">{snippet.get('title')}</span>
-        <span className="recent-snippet-data-lang">[ {snippet.get('syntax', 'Text')} ]</span>
+        <button className="recent-snippet-button light">Raw</button>
+        <button className="recent-snippet-button light">Download</button>
+        <Link to={`${snippet.get('id')}`} className="recent-snippet-button">Show</Link>
       </div>
-      <span className="recent-snippet-data-author">By Guest</span>
-    </div>
-    <div>
-      <button className="recent-snippet-button light">Raw</button>
-      <button className="recent-snippet-button light">Download</button>
-      <Link to={`${snippet.get('id')}`} className="recent-snippet-button">Show</Link>
-    </div>
-  </li>
-);
+    </li>
+  );
+};
 
 export default RecentSnippetItem;

src/components/Snippet.jsx

@@ -34,7 +34,7 @@ class Snippet extends React.Component {
 
     if (!snippet) return <Spinner />;
 
-    const snippetTitle = snippet.get('title') ? snippet.get('title') : `#${snippet.get('id')}, Untitled`;
+    const snippetTitle = snippet.get('title') || `#${snippet.get('id')}, Untitled`;
 
     return (
       [