From d484b7b72aae1d953b8d319ad144d84b31d78f61 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.budginas@gmail.com>
Date: Thu, 27 Mar 2025 16:05:28 +0200
Subject: [PATCH] Change cards order and add new card for hive chart
---
components/home/HeadBlockCard.tsx | 31 +++++++++++++++++++++++--------
1 file changed, 23 insertions(+), 8 deletions(-)
diff --git a/components/home/HeadBlockCard.tsx b/components/home/HeadBlockCard.tsx
index 4c9625bf..89855b01 100644
--- a/components/home/HeadBlockCard.tsx
+++ b/components/home/HeadBlockCard.tsx
@@ -17,6 +17,7 @@ import { getBlockDifference } from "./SyncInfo";
import { Toggle } from "../ui/toggle";
import { Card, CardContent, CardHeader } from "../ui/card";
import CurrentBlockCard from "./CurrentBlockCard";
+import HeadBlockHiveChartCard from "./HeadBlockHiveChartCard";
interface HeadBlockCardProps {
headBlockCardData?: Explorer.HeadBlockCardData | any;
@@ -61,6 +62,7 @@ const HeadBlockCard: React.FC<HeadBlockCardProps> = ({
timeCard: true,
supplyCard: true,
hiveParamsCard: true,
+ hiveChart: false,
});
const { settings, setSettings } = useUserSettingsContext();
@@ -84,6 +86,13 @@ const HeadBlockCard: React.FC<HeadBlockCardProps> = ({
});
};
+ const handleHideHiveChart = () => {
+ setHiddenPropertiesByCard({
+ ...hiddenPropertiesByCard,
+ hiveChart: !hiddenPropertiesByCard.hiveChart,
+ });
+ };
+
const {
explorerBlockNumber,
hiveBlockNumber,
@@ -256,6 +265,14 @@ const HeadBlockCard: React.FC<HeadBlockCardProps> = ({
</CardHeader>
<CardContent className="p-4 space-y-4">
+ {/* Last Block Information */}
+ <CurrentBlockCard
+ blockDetails={blockDetails}
+ transactionCount={transactionCount}
+ opcount={opcount}
+ timeDifferenceInSeconds={timeDifferenceInSeconds}
+ liveBlockNumber={liveBlockNumber}
+ />
{/* Other Information*/}
<div className="data-box">
<div>
@@ -265,16 +282,14 @@ const HeadBlockCard: React.FC<HeadBlockCardProps> = ({
<span>Vests To Hive Ratio:</span> {liveVestsToHiveRatio} VESTS
</div>
</div>
- {/* Last Block Information */}
- <CurrentBlockCard
- blockDetails={blockDetails}
- transactionCount={transactionCount}
- opcount={opcount}
- timeDifferenceInSeconds={timeDifferenceInSeconds}
- liveBlockNumber={liveBlockNumber}
- />
<div>
+ <HeadBlockHiveChartCard
+ header="Hive Price Chart"
+ isParamsHidden={hiddenPropertiesByCard.hiveChart}
+ handleHideParams={handleHideHiveChart}
+ isLoading={isBlockCardLoading}
+ />
<HeadBlockPropertyCard
parameters={fundAndSupplyParameters}
header="Fund and Supply"
--
GitLab