From e8fd59696e856ff51d0e9e9a8fc724445c14e00d Mon Sep 17 00:00:00 2001
From: Ayush Sharma <ayush.aceit@gmail.com>
Date: Sun, 28 Apr 2019 13:15:45 +0200
Subject: [PATCH] fix: version rendering issue.  (#38)

* fix: object passing for react rendering

* fix: const for 'not available'

* fix: const for 'not available'
---
 src/webui/components/Versions/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/webui/components/Versions/index.js b/src/webui/components/Versions/index.js
index 73496cf..da036e7 100644
--- a/src/webui/components/Versions/index.js
+++ b/src/webui/components/Versions/index.js
@@ -11,6 +11,8 @@ import ListItem from '@material-ui/core/ListItem/index';
 import React from 'react';
 import { DIST_TAGS } from '../../../lib/constants';
 
+const NOT_AVAILABLE = 'Not available';
+
 class Versions extends React.PureComponent<any> {
   render() {
     return (
@@ -32,7 +34,8 @@ class Versions extends React.PureComponent<any> {
             <ListItem className={'version-item'} key={version}>
               <ListItemText>{version}</ListItemText>
               <Spacer />
-              <ListItemText>{isVersion && timeMap[version] ? `${formatDateDistance(timeMap[version])} ago` : packages[version]}</ListItemText>
+              {isVersion && <ListItemText>{timeMap[version] ? `${formatDateDistance(timeMap[version])} ago` : NOT_AVAILABLE}</ListItemText>}
+              {isVersion === false && <ListItemText>{packages[version]}</ListItemText>}
             </ListItem>
           ))}
       </List>