Lbudginas/#493 hive price chart

#493 (closed)

• Add HIVE price history chart to main page using https://developers.hive.io/apidefinitions/#market_history_api.get_market_history API
• Average daily price of HIVE was calculated by taking hive and non_hive volume into equation instead of close price, because it should give more accurate average price.
• Price is shown for last 30 days with interval of 1 day or 86400 seconds from current time.
• Min and Max values are calculated in a period of 30 days.

components/home/MarketHistoryChart.tsx

@@ -24,10 +24,10 @@ const CustomTooltip = ({
   if (active && payload && payload.length) {
     return (
       <div className="bg-buttonHover text-text p-2 rounded-xl">
-        {payload.map(({ payload: { date, avgPrice, volume } }) => {
+        {payload.map(({ payload: { tooltipDate, avgPrice, volume } }) => {
           return (
-            <div key={date}>
-              <p>{`Date: ${date}`}</p>
+            <div key={tooltipDate}>
+              <p>{`Date: ${tooltipDate}`}</p>
               <p>{`Average Price: $${avgPrice}`}</p>
               <p>{`Volume: ${volume.toLocaleString("en-US")} HIVE`}</p>
             </div>
@@ -85,6 +85,7 @@ const MarketHistoryChart: React.FC<MarketChartProps> = ({
 
     return {
       date: moment(bucket.open).format("MMM D"),
+      tooltipDate: moment(bucket.open).format("YYYY MMM D"),
       avgPrice: hiveAveragePrice,
       volume: bucket.hive.volume,
     };