From 3cebdef0bbab7ed39ce27089ed99d873c924343c Mon Sep 17 00:00:00 2001
From: uncoolzero <107518216+uncoolzero@users.noreply.github.com>
Date: Tue, 15 Aug 2023 12:56:09 -0300
Subject: [PATCH] Added more data to Price Button

---
 .../components/Nav/Buttons/PriceButton.tsx    | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/projects/ui/src/components/Nav/Buttons/PriceButton.tsx b/projects/ui/src/components/Nav/Buttons/PriceButton.tsx
index f538ddfa4f..ae2cad3fb8 100644
--- a/projects/ui/src/components/Nav/Buttons/PriceButton.tsx
+++ b/projects/ui/src/components/Nav/Buttons/PriceButton.tsx
@@ -17,6 +17,7 @@ import FolderMenu from '../FolderMenu';
 // ------------------------------------------------------------
 
 import { FC } from '~/types';
+import useDataFeedTokenPrices from '~/hooks/beanstalk/useDataFeedTokenPrices';
 
 const PriceButton: FC<ButtonProps> = ({ ...props }) => {
   // Data
@@ -26,9 +27,10 @@ const PriceButton: FC<ButtonProps> = ({ ...props }) => {
   const beanPools = useSelector<AppState, AppState['_bean']['pools']>(
     (state) => state._bean.pools
   );
-  // const beanTokenData = useSelector<AppState, AppState['_bean']['token']>(
-  //  (state) => state._bean.token
-  // );
+  const beanTokenData = useSelector<AppState, AppState['_bean']['token']>(
+    (state) => state._bean.token
+  );
+  const tokenPrices = useDataFeedTokenPrices();
   const [_refetchPools] = useFetchPools();
   const refetchPools = useMemo(
     () => throttle(_refetchPools, 10_000),
@@ -63,9 +65,19 @@ const PriceButton: FC<ButtonProps> = ({ ...props }) => {
       />
     ))}
     <div>
-      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
-        <div>Combined deltaB:</div>
-        <div>{combinedDeltaB.gte(0) && '+'}{displayBN(combinedDeltaB, true)}</div>
+      <Box sx={{ display: 'flex', flexDirection: 'column' }}>
+        <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
+          <div>Cumulative Instantaneous deltaB:</div>
+          <div>{combinedDeltaB.gte(0) && '+'}{displayBN(combinedDeltaB, true)}</div>
+        </Box>
+        <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
+          <div>Cumulative Time-Weighted deltaB:</div>
+          <div>{beanTokenData.deltaB.gte(0) && '+'}{displayBN(beanTokenData.deltaB, true)}</div>
+        </Box>
+        <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
+          <div>ETH Price:</div>
+          <div>${tokenPrices.eth?.toFixed(2) || 0}</div>
+        </Box>
       </Box>
     </div>
   </>