fix(ui): handle no log dir size

close #750

client/src/utils/converters.js

@@ -90,15 +90,16 @@ export function showTime(milliseconds) {
 }
 
 /**
- * This function is responsible for showing the bytes in a 
- * friendly way to the user, making the leases for upper 
+ * This function is responsible for showing the bytes in a
+ * friendly way to the user, making the leases for upper
  * measures such as MB, GB, TB etc.
- * 
+ *
  * @param {*} bytes value in bytes to show
  * @param {*} decimals decimal size place
- * @returns 
+ * @returns
  */
 export function showBytes(bytes, decimals = 3) {
+  if (bytes === null || bytes === undefined) return '';
   if (bytes === 0) return '0 B';
 
   const kbytes = 1024;

src/main/java/org/akhq/models/Topic.java

@@ -88,19 +88,21 @@ public List<LogDir> getLogDir() {
             .collect(Collectors.toList());
     }
 
-    public Optional<Long> getLogDirSize() {
+    public Long getLogDirSize() {
         Integer logDirCount = this.getPartitions().stream()
             .map(r -> r.getLogDir().size())
             .reduce(0, Integer::sum);
 
         if (logDirCount == 0) {
-            return Optional.empty();
+            return null;
         }
 
-        return Optional.of(this.getPartitions().stream()
-            .map(Partition::getLogDirSize)
-            .reduce(0L, Long::sum)
-        );
+        return Optional
+            .of(this.getPartitions().stream()
+                .map(Partition::getLogDirSize)
+                .reduce(0L, Long::sum)
+            )
+            .orElse(null);
     }
 
     public long getSize() {