feat: add download button in chart on rgbpp page

Magickbase · Aug 9, 2024 · be766a0 · be766a0
1 parent 37b8b48
commit be766a0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/pages/RGBPP/TransactionList/Chart/index.tsx b/src/pages/RGBPP/TransactionList/Chart/index.tsx
@@ -155,6 +155,11 @@ const useOption = (
   }
 }
 
+const toCSV = (dataList: ChartItem.Bitcoin[]) => {
+  if (!dataList) return []
+  return dataList.map(data => [data.timestamp, data.addressesCount, data.transactionsCount])
+}
+
 export const Chart = ({ isThumbnail = false }: { isThumbnail?: boolean }) => {
   const [t] = useTranslation()
   const isMobile = useIsMobile()
@@ -167,6 +172,7 @@ export const Chart = ({ isThumbnail = false }: { isThumbnail?: boolean }) => {
         fetchData={explorerService.api.fetchStatisticBitcoin}
         getEChartOption={useOption}
         queryKey="fetchStatisticBitcoin"
+        toCSV={toCSV}
       />
     </div>
   )

diff --git a/src/pages/RGBPP/TransactionList/Chart/styles.module.scss b/src/pages/RGBPP/TransactionList/Chart/styles.module.scss
@@ -1,4 +1,10 @@
 .container {
   max-width: 100%;
   width: 100%;
+
+  :global(.chartDetailTitlePanel) {
+    span {
+      margin: 0 !important;
+    }
+  }
 }