From 9fa523a0d37d9394eb973614c79aaf1f0a93212e Mon Sep 17 00:00:00 2001
From: ayusharma <ayush.aceit@gmail.com>
Date: Wed, 20 Jun 2018 21:07:32 +0200
Subject: [PATCH] fix: license field alignment on web ui (#761)

---
 src/webui/src/components/Package/index.js                   | 6 +-----
 .../webui/components/__snapshots__/packagelist.spec.js.snap | 2 +-
 test/webui/components/packagelist.spec.js                   | 2 ++
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/webui/src/components/Package/index.js b/src/webui/src/components/Package/index.js
index 630695058..7e4c33d1e 100644
--- a/src/webui/src/components/Package/index.js
+++ b/src/webui/src/components/Package/index.js
@@ -35,13 +35,9 @@ export default class Package extends React.Component {
   }
 
   renderPublished(pkg) {
-    if (pkg.time) {
       return (<div className={classes.homepage}>
-        {`Published ${formatDateDistance(pkg.time)} ago`}
+        {pkg.time ? `Published ${formatDateDistance(pkg.time)} ago`: ''}
       </div>);
-    }
-
-    return null;
   }
 
   renderLicense(pkg) {
diff --git a/test/webui/components/__snapshots__/packagelist.spec.js.snap b/test/webui/components/__snapshots__/packagelist.spec.js.snap
index 739a622bc..0683c8723 100644
--- a/test/webui/components/__snapshots__/packagelist.spec.js.snap
+++ b/test/webui/components/__snapshots__/packagelist.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<PackageList /> component should load the component with packages 1`] = `"<div class=\\"package-list-items\\"><div class=\\"pkgContainer\\"><h1 class=\\"listTitle\\">Available Packages</h1><li><section class=\\"package\\"><a href=\\"detail/verdaccio\\"><div class=\\"header\\"><div class=\\"title\\"><h1>verdaccio <span class=\\"el-tag el-tag--gray\\">v1.0.0</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Sam</div></div><div class=\\"footer\\"><p class=\\"description\\">Private NPM repository</p></div><div class=\\"details\\"></div></a></section></li><li><section class=\\"package\\"><a href=\\"detail/abc\\"><div class=\\"header\\"><div class=\\"title\\"><h1>abc <span class=\\"el-tag el-tag--gray\\">v1.0.1</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Rose</div></div><div class=\\"footer\\"><p class=\\"description\\">abc description</p></div><div class=\\"details\\"></div></a></section></li><li><section class=\\"package\\"><a href=\\"detail/xyz\\"><div class=\\"header\\"><div class=\\"title\\"><h1>xyz <span class=\\"el-tag el-tag--gray\\">v1.1.0</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Martin</div></div><div class=\\"footer\\"><p class=\\"description\\">xyz description</p></div><div class=\\"details\\"></div></a></section></li></div></div>"`;
+exports[`<PackageList /> component should load the component with packages 1`] = `"<div class=\\"package-list-items\\"><div class=\\"pkgContainer\\"><h1 class=\\"listTitle\\">Available Packages</h1><li><section class=\\"package\\"><a href=\\"detail/verdaccio\\"><div class=\\"header\\"><div class=\\"title\\"><h1>verdaccio <span class=\\"el-tag el-tag--gray\\">v1.0.0</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Sam</div></div><div class=\\"footer\\"><p class=\\"description\\">Private NPM repository</p></div><div class=\\"details\\"><div class=\\"homepage\\">Published less than a minute ago</div></div></a></section></li><li><section class=\\"package\\"><a href=\\"detail/abc\\"><div class=\\"header\\"><div class=\\"title\\"><h1>abc <span class=\\"el-tag el-tag--gray\\">v1.0.1</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Rose</div></div><div class=\\"footer\\"><p class=\\"description\\">abc description</p></div><div class=\\"details\\"><div class=\\"homepage\\">Published less than a minute ago</div></div></a></section></li><li><section class=\\"package\\"><a href=\\"detail/xyz\\"><div class=\\"header\\"><div class=\\"title\\"><h1>xyz <span class=\\"el-tag el-tag--gray\\">v1.1.0</span></h1></div><div role=\\"author\\" class=\\"author\\">By: Martin</div></div><div class=\\"footer\\"><p class=\\"description\\">xyz description</p></div><div class=\\"details\\"><div class=\\"homepage\\"></div></div></a></section></li></div></div>"`;
diff --git a/test/webui/components/packagelist.spec.js b/test/webui/components/packagelist.spec.js
index 5d50baae5..f53c61ed5 100644
--- a/test/webui/components/packagelist.spec.js
+++ b/test/webui/components/packagelist.spec.js
@@ -32,12 +32,14 @@ describe('<PackageList /> component', () => {
         {
           name: 'verdaccio',
           version: '1.0.0',
+          time: new Date(),
           description: 'Private NPM repository',
           author: { name: 'Sam' }
         },
         {
           name: 'abc',
           version: '1.0.1',
+          time: new Date(),
           description: 'abc description',
           author: { name: 'Rose' }
         },