Merge pull request #848 from bitfinexcom/staging

Release version to master
bitfinexcom · Aug 28, 2024 · fe31d52 · fe31d52
2 parents ef3faa5 + 6434b7a
commit fe31d52
Show file tree

Hide file tree

Showing 27 changed files with 436 additions and 1,208 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bfx-report-ui",
-  "version": "2.43.0",
+  "version": "2.43.1",
   "description": "Report page to overview the user actions in Bitfinex and download related csv files",
   "repository": {
     "type": "git",

diff --git a/src/components/ChangeLogs/ChangeLogs.columns.js b/src/components/ChangeLogs/ChangeLogs.columns.js
@@ -1,8 +1,9 @@
-import React from 'react'
-import { Cell } from '@blueprintjs/table'
-
-import JSONFormat from 'ui/JSONFormat'
-import { getCellState, getColumnWidth, getTooltipContent } from 'utils/columns'
+import {
+  getCell,
+  getCellState,
+  getColumnWidth,
+  getJsonFormattedCell,
+} from 'utils/columns'
 
 export const getColumns = ({
   t,
@@ -18,15 +19,9 @@ export const getColumns = ({
     nameStr: `${t('column.date')} (${timeOffset})`,
     width: getColumnWidth('mtsCreate', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const timestamp = getFullTime(filteredData[rowIndex].mtsCreate)
-      return (
-        <Cell tooltip={getTooltipContent(timestamp, t)}>
-          {timestamp}
-        </Cell>
-      )
+      return getCell(timestamp, t)
     },
     copyText: rowIndex => getFullTime(filteredData[rowIndex].mtsCreate),
   },
@@ -35,15 +30,9 @@ export const getColumns = ({
     name: 'column.description',
     width: getColumnWidth('log', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { log } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(log, t)}>
-          {log}
-        </Cell>
-      )
+      return getCell(log, t)
     },
     copyText: rowIndex => filteredData[rowIndex].log,
   },
@@ -52,15 +41,9 @@ export const getColumns = ({
     name: 'column.ip',
     width: getColumnWidth('ip', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { ip } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(ip, t)}>
-          {ip}
-        </Cell>
-      )
+      return getCell(ip, t)
     },
     copyText: rowIndex => filteredData[rowIndex].ip,
   },
@@ -69,18 +52,9 @@ export const getColumns = ({
     name: 'column.meta',
     width: getColumnWidth('userAgent', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { userAgent } = filteredData[rowIndex]
-
-      return (
-        <Cell>
-          <JSONFormat content={userAgent}>
-            {userAgent}
-          </JSONFormat>
-        </Cell>
-      )
+      return getJsonFormattedCell(userAgent)
     },
     copyText: rowIndex => filteredData[rowIndex].userAgent,
   },

diff --git a/src/components/ConcentrationRisk/ConcentrationRisk.columns.js b/src/components/ConcentrationRisk/ConcentrationRisk.columns.js
@@ -1,10 +1,8 @@
-import React from 'react'
-import { Cell } from '@blueprintjs/table'
-
 import { fixedFloat } from 'ui/utils'
-import { getCellState } from 'utils/columns'
+import { getCell, getCellState } from 'utils/columns'
 
 export const getColumns = ({
+  t,
   data,
   isNoData,
   isLoading,
@@ -15,15 +13,9 @@ export const getColumns = ({
     className: 'align-left',
     width: 100,
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { currency } = data[rowIndex]
-      return (
-        <Cell tooltip={currency}>
-          {currency}
-        </Cell>
-      )
+      return getCell(currency, t)
     },
     copyText: rowIndex => data[rowIndex].currency,
   },
@@ -32,19 +24,9 @@ export const getColumns = ({
     name: 'column.balanceUsd',
     width: 150,
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { balanceUsd } = data[rowIndex]
-      const fixedBalanceUsd = fixedFloat(balanceUsd)
-      return (
-        <Cell
-          className='bitfinex-text-align-right'
-          tooltip={fixedBalanceUsd}
-        >
-          {fixedBalanceUsd}
-        </Cell>
-      )
+      return getCell(fixedFloat(balanceUsd), t)
     },
     copyText: rowIndex => fixedFloat(data[rowIndex].balanceUsd),
   },
@@ -53,19 +35,9 @@ export const getColumns = ({
     name: 'column.percent',
     width: 150,
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { percent } = data[rowIndex]
-      const fixedPercent = fixedFloat(percent)
-      return (
-        <Cell
-          className='bitfinex-text-align-right'
-          tooltip={fixedPercent}
-        >
-          {fixedPercent}
-        </Cell>
-      )
+      return getCell(fixedFloat(percent), t)
     },
     copyText: rowIndex => fixedFloat(data[rowIndex].percent),
   },

diff --git a/src/components/ConcentrationRisk/ConcentrationRisk.js b/src/components/ConcentrationRisk/ConcentrationRisk.js
@@ -138,7 +138,9 @@ class ConcentrationRisk extends PureComponent {
     const filteredData = entries.filter(entry => entry.balanceUsd)
 
     const { tableData, chartData } = this.parseData(filteredData)
-    const tableColumns = getColumns({ data: tableData, isNoData, isLoading })
+    const tableColumns = getColumns({
+      data: tableData, isNoData, isLoading, t,
+    })
 
     let showContent
     if (isNoData) {

diff --git a/src/components/Logins/Logins.columns.js b/src/components/Logins/Logins.columns.js
@@ -1,8 +1,9 @@
-import React from 'react'
-import { Cell } from '@blueprintjs/table'
-
-import JSONFormat from 'ui/JSONFormat'
-import { getCellState, getColumnWidth, getTooltipContent } from 'utils/columns'
+import {
+  getCell,
+  getCellState,
+  getColumnWidth,
+  getJsonFormattedCell,
+} from 'utils/columns'
 
 export const getColumns = ({
   t,
@@ -19,15 +20,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('id', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { id } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(id, t)}>
-          {id}
-        </Cell>
-      )
+      return getCell(id, t)
     },
     copyText: rowIndex => filteredData[rowIndex].id,
   },
@@ -37,15 +32,9 @@ export const getColumns = ({
     nameStr: `${t('column.date')} (${timeOffset})`,
     width: getColumnWidth('time', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const timestamp = getFullTime(filteredData[rowIndex].time)
-      return (
-        <Cell tooltip={getTooltipContent(timestamp, t)}>
-          {timestamp}
-        </Cell>
-      )
+      return getCell(timestamp, t)
     },
     copyText: rowIndex => getFullTime(filteredData[rowIndex].time),
   },
@@ -55,15 +44,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('ip', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { ip } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(ip, t)}>
-          {ip}
-        </Cell>
-      )
+      return getCell(ip, t)
     },
     copyText: rowIndex => filteredData[rowIndex].ip,
   },
@@ -73,15 +56,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('browser', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { browser } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(browser, t)}>
-          {browser}
-        </Cell>
-      )
+      return getCell(browser, t)
     },
     copyText: rowIndex => filteredData[rowIndex].browser,
   },
@@ -91,15 +68,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('version', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { version } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(version, t)}>
-          {version}
-        </Cell>
-      )
+      return getCell(version, t)
     },
     copyText: rowIndex => filteredData[rowIndex].version,
   },
@@ -109,15 +80,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('mobile', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { mobile } = filteredData[rowIndex]
-      return (
-        <Cell tooltip={getTooltipContent(mobile, t)}>
-          {mobile}
-        </Cell>
-      )
+      return getCell(mobile, t)
     },
     copyText: rowIndex => filteredData[rowIndex].mobile,
   },
@@ -127,18 +92,9 @@ export const getColumns = ({
     className: 'align-left',
     width: getColumnWidth('extra', columnsWidth),
     renderer: (rowIndex) => {
-      if (isLoading || isNoData) {
-        return getCellState(isLoading, isNoData)
-      }
+      if (isLoading || isNoData) return getCellState(isLoading, isNoData)
       const { extra } = filteredData[rowIndex]
-      const formattedExtra = JSON.stringify(extra, undefined, 2)
-      return (
-        <Cell>
-          <JSONFormat content={formattedExtra}>
-            {formattedExtra}
-          </JSONFormat>
-        </Cell>
-      )
+      return getJsonFormattedCell(extra)
     },
     copyText: rowIndex => JSON.stringify(filteredData[rowIndex].extra, undefined, 2),
   },