fix zero blocks duration issue

src/components/Proposals/Bar.tsx

@@ -1,15 +1,16 @@
 import React from "react";
-import { Button, OverlayTrigger, Tooltip, Table } from "react-bootstrap";
+import { OverlayTrigger, Tooltip,  } from "react-bootstrap";
 
 const Bar = (props: {
   id: number;
-  blocks: number | null;
+  blocks: number ;
   duration: string;
   period: number;
 }) => {
   const { blocks, duration, id, period } = props;
-  const percent = blocks ? 100 * (blocks / period) : 0;
-  if (!percent) return <div>updating ..</div>
+  const percent = 100 * (blocks / period) 
+  if (percent <0) return <div>updating ..</div>
+  
   return (
     <OverlayTrigger
       key={id}

src/components/Proposals/Row.tsx

@@ -31,7 +31,7 @@ const ProposalRow = (props: any) => {
   if (votingPeriod.toNumber) votingPeriod = votingPeriod.toNumber();
 
   let blocks = finalizedAt ? finalizedAt - createdAt : block - createdAt;
-  if (blocks < 0) blocks = 0; // TODO make sure block is defined
+  //if (blocks < 0) blocks = 0; // TODO make sure block is defined
   const days = blocks ? Math.floor(blocks / 14400) : 0;
   const hours = blocks ? Math.floor((blocks - days * 14400) / 600) : 0;
   const daysStr = days ? `${days}d` : "";