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/balanceHistory/BalanceHistoryChart.tsx

@@ -15,7 +15,6 @@ import { cn } from "@/lib/utils";
 import moment from "moment";
 import { ArrowDown, ArrowUp, Minus } from "lucide-react";
 
-
 interface BalanceHistoryChartProps {
   hiveBalanceHistoryData?: {
     timestamp: string;
@@ -36,6 +35,12 @@ interface BalanceHistoryChartProps {
   quickView?: boolean;
 }
 
+export const colorMap: Record<string, string> = {
+  HIVE: "#8884d8",
+  VESTS: "#82ca9d",
+  HBD: "#ff7300",
+};
+
 const BalanceHistoryChart: React.FC<BalanceHistoryChartProps> = ({
   hiveBalanceHistoryData,
   vestsBalanceHistoryData,
@@ -83,12 +88,6 @@ const BalanceHistoryChart: React.FC<BalanceHistoryChartProps> = ({
     return () => window.removeEventListener("resize", handleResize);
   }, []);
 
-  const colorMap: Record<string, string> = {
-    HIVE: "#8884d8",
-    VESTS: "#82ca9d",
-    HBD: "#ff7300",
-  };
-
   const dataMap: Record<
     string,
     { timestamp: string; balance_change: number; balance: number }[]