lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: reformat code

Browse source
This commit is contained in:
Rafael Taranto 2025-05-12 14:49:39 +01:00
parent 3d930aa73b
commit aedabcbdee
509 changed files with 6030 additions and 4266 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
View file

@ -12,7 +12,7 @@ const PercentageChart = ({ cashIn, cashOut }) => {
const percentageClasses = {
'h-35 rounded-sm flex items-center justify-center': true,
'min-w-2 rounded-xs': value < 5 && value > 0
'min-w-2 rounded-xs': value < 5 && value > 0,
}
return (

18
packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefLineChart.jsx
View file

@ -23,14 +23,14 @@ const reducer = (acc, tx) => {
const timeFrameMS = {
Day: 24 * 3600 * 1000,
Week: 7 * 24 * 3600 * 1000,
Month: 30 * 24 * 3600 * 1000
Month: 30 * 24 * 3600 * 1000,
}
const RefLineChart = ({
data: realData,
previousTimeData,
previousProfit,
timeFrame
timeFrame,
}) => {
const svgRef = useRef()
@ -55,7 +55,7 @@ const RefLineChart = ({
if (!aggregatedTX.length && previousTimeData.length) {
const mockPoint1 = {
created: new Date().toISOString(),
profit: 0
profit: 0,
}
const mockPoint2 = mockPoint(mockPoint1, -timeFrameMS[timeFrame], 1)
return [[mockPoint1, mockPoint2], false]
@ -64,7 +64,7 @@ const RefLineChart = ({
if (aggregatedTX.length && !previousTimeData.length) {
const mockPoint1 = {
created: new Date().toISOString(),
profit: 1
profit: 1,
}
const mockPoint2 = mockPoint(mockPoint1, -timeFrameMS[timeFrame], 0)
return [[mockPoint1, mockPoint2], false]
@ -75,13 +75,13 @@ const RefLineChart = ({
R.append(
{
created: new Date(
Date.now() - timeFrameMS[timeFrame]
Date.now() - timeFrameMS[timeFrame],
).toISOString(),
profit: previousProfit
profit: previousProfit,
},
aggregatedTX
aggregatedTX,
),
false
false,
]
}
// the boolean value is for zeroProfit. It makes the line render at y = 0 instead of y = 50% of container height
@ -120,7 +120,7 @@ const RefLineChart = ({
.data([
{ offset: '0%', color: 'var(--zircon)' },
{ offset: '25%', color: 'var(--zircon)' },
{ offset: '100%', color: 'var(--ghost)' }
{ offset: '100%', color: 'var(--ghost)' },
])
.enter()
.append('stop')

60
packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
View file

@ -17,9 +17,9 @@ const Graph = ({ data, timeFrame, timezone }) => {
top: 20,
right: 3.5,
bottom: 27,
left: 33.5
left: 33.5,
}),
[]
[],
)
const offset = getTimezoneOffset(timezone)
@ -28,7 +28,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
const periodDomains = {
Day: [NOW - DAY, NOW],
Week: [NOW - WEEK, NOW],
Month: [NOW - MONTH, NOW]
Month: [NOW - MONTH, NOW],
}
const dataPoints = useMemo(
@ -37,27 +37,27 @@ const Graph = ({ data, timeFrame, timezone }) => {
freq: 24,
step: 60 * 60 * 1000,
tick: d3.utcHour.every(4),
labelFormat: '%H:%M'
labelFormat: '%H:%M',
},
Week: {
freq: 7,
step: 24 * 60 * 60 * 1000,
tick: d3.utcDay.every(1),
labelFormat: '%a %d'
labelFormat: '%a %d',
},
Month: {
freq: 30,
step: 24 * 60 * 60 * 1000,
tick: d3.utcDay.every(2),
labelFormat: '%d'
}
labelFormat: '%d',
},
}),
[]
[],
)
const filterDay = useCallback(
x => (timeFrame === 'Day' ? x.getUTCHours() === 0 : x.getUTCDate() === 1),
[timeFrame]
[timeFrame],
)
const getPastAndCurrentDayLabels = useCallback(d => {
@ -74,11 +74,11 @@ const Graph = ({ data, timeFrame, timezone }) => {
const previousDateMonth = previousDate.getUTCMonth()
const daysOfWeek = Array.from(Array(7)).map((_, i) =>
format('EEE', add({ days: i }, startOfWeek(new Date())))
format('EEE', add({ days: i }, startOfWeek(new Date()))),
)
const months = Array.from(Array(12)).map((_, i) =>
format('LLL', add({ months: i }, startOfYear(new Date())))
format('LLL', add({ months: i }, startOfYear(new Date()))),
)
return {
@ -89,7 +89,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
current:
currentDateMonth !== previousDateMonth
? months[currentDateMonth]
: `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`
: `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`,
}
}, [])
@ -111,7 +111,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
return points
},
[NOW, dataPoints, timeFrame]
[NOW, dataPoints, timeFrame],
)
const x = d3
@ -123,7 +123,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.scaleLinear()
.domain([
0,
(d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.05
(d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.05,
])
.nice()
.range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
@ -137,7 +137,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.attr('height', GRAPH_HEIGHT - GRAPH_MARGIN.top - GRAPH_MARGIN.bottom)
.attr('fill', 'var(--ghost)')
},
[GRAPH_MARGIN]
[GRAPH_MARGIN],
)
const buildXAxis = useCallback(
@ -145,7 +145,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
g
.attr(
'transform',
`translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
`translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
)
.call(
d3
@ -153,12 +153,12 @@ const Graph = ({ data, timeFrame, timezone }) => {
.ticks(dataPoints[timeFrame].tick)
.tickFormat(d => {
return d3.timeFormat(dataPoints[timeFrame].labelFormat)(
d.getTime() + d.getTimezoneOffset() * MINUTE
d.getTime() + d.getTimezoneOffset() * MINUTE,
)
})
}),
)
.call(g => g.select('.domain').remove()),
[GRAPH_MARGIN, dataPoints, timeFrame, x]
[GRAPH_MARGIN, dataPoints, timeFrame, x],
)
const buildYAxis = useCallback(
@ -173,12 +173,12 @@ const Graph = ({ data, timeFrame, timezone }) => {
if (d >= 1000) return numberToFiatAmount(d / 1000) + 'k'
return numberToFiatAmount(d)
})
}),
)
.call(g => g.select('.domain').remove())
.selectAll('text')
.attr('dy', '-0.25rem'),
[GRAPH_MARGIN, y]
[GRAPH_MARGIN, y],
)
const buildGrid = useCallback(
@ -196,7 +196,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.attr('x2', d => 0.5 + x(d))
.attr('y1', GRAPH_MARGIN.top)
.attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
.attr('stroke-width', 1)
.attr('stroke-width', 1),
)
// Horizontal lines
.call(g =>
@ -208,7 +208,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.attr('y1', d => 0.5 + y(d))
.attr('y2', d => 0.5 + y(d))
.attr('x1', GRAPH_MARGIN.left)
.attr('x2', GRAPH_WIDTH)
.attr('x2', GRAPH_WIDTH),
)
// Thick vertical lines
.call(g =>
@ -223,7 +223,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.attr('y1', GRAPH_MARGIN.top - 10)
.attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
.attr('stroke-width', 2)
.join('text')
.join('text'),
)
// Left side breakpoint label
.call(g => {
@ -262,7 +262,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.text(labels.current)
})
},
[GRAPH_MARGIN, buildTicks, getPastAndCurrentDayLabels, x, y, filterDay]
[GRAPH_MARGIN, buildTicks, getPastAndCurrentDayLabels, x, y, filterDay],
)
const formatTicksText = useCallback(
@ -273,7 +273,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.style('fill', 'var(--comet)')
.style('stroke-width', 0)
.style('font-family', 'var(--museo)'),
[]
[],
)
const formatText = useCallback(
@ -284,7 +284,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
.style('fill', 'var(--comet)')
.style('stroke-width', 0)
.style('font-family', 'var(--museo)'),
[]
[],
)
const formatTicks = useCallback(() => {
@ -304,11 +304,11 @@ const Graph = ({ data, timeFrame, timezone }) => {
})
.attr('cy', d => y(new BigNumber(d.fiat).toNumber()))
.attr('fill', d =>
d.txClass === 'cashIn' ? 'var(--java)' : 'var(--neon)'
d.txClass === 'cashIn' ? 'var(--java)' : 'var(--neon)',
)
.attr('r', 3.5)
},
[data, offset, x, y]
[data, offset, x, y],
)
const drawChart = useCallback(() => {
@ -334,7 +334,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
drawData,
formatText,
formatTicks,
formatTicksText
formatTicksText,
])
useEffect(() => {

1
packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
View file

@ -1,5 +1,6 @@
import React from 'react'
import { Info1, Label1 } from 'src/components/typography/index'
const InfoWithLabel = ({ info, label }) => {
return (
<div className="flex flex-col">

2
packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
View file

@ -27,7 +27,7 @@ const Nav = ({ handleSetRange, showPicker }) => {
className={classnames({
'cursor-pointer text-comet': true,
'font-bold text-zodiac border-b-zodiac border-b-2':
isSelected(it)
isSelected(it),
})}>
{it}
</div>

24
packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
View file

@ -52,7 +52,7 @@ const GET_DATA = gql`
const SystemPerformance = () => {
const [selectedRange, setSelectedRange] = useState('Day')
const { data, loading } = useQuery(GET_DATA, {
variables: { excludeTestingCustomers: true }
variables: { excludeTestingCustomers: true },
})
const fiatLocale = fromNamespace('locale')(data?.config).fiatCurrency
const timezone = fromNamespace('locale')(data?.config).timezone
@ -62,7 +62,7 @@ const SystemPerformance = () => {
const periodDomains = {
Day: [NOW - DAY, NOW],
Week: [NOW - WEEK, NOW],
Month: [NOW - MONTH, NOW]
Month: [NOW - MONTH, NOW],
}
const isInRangeAndNoError = getLastTimePeriod => t => {
@ -74,11 +74,11 @@ const SystemPerformance = () => {
t.error === null &&
isAfter(
toTimezone(t.created, timezone),
toTimezone(periodDomains[selectedRange][1], timezone)
toTimezone(periodDomains[selectedRange][1], timezone),
) &&
isAfter(
toTimezone(periodDomains[selectedRange][0], timezone),
toTimezone(t.created, timezone)
toTimezone(t.created, timezone),
)
)
}
@ -86,11 +86,11 @@ const SystemPerformance = () => {
t.error === null &&
isAfter(
toTimezone(periodDomains[selectedRange][1], timezone),
toTimezone(t.created, timezone)
toTimezone(t.created, timezone),
) &&
isAfter(
toTimezone(t.created, timezone),
toTimezone(periodDomains[selectedRange][0], timezone)
toTimezone(periodDomains[selectedRange][0], timezone),
)
)
}
@ -104,10 +104,10 @@ const SystemPerformance = () => {
}
const transactionsToShow = R.map(convertFiatToLocale)(
R.filter(isInRangeAndNoError(false), data?.transactions ?? [])
R.filter(isInRangeAndNoError(false), data?.transactions ?? []),
)
const transactionsLastTimePeriod = R.map(convertFiatToLocale)(
R.filter(isInRangeAndNoError(true), data?.transactions ?? [])
R.filter(isInRangeAndNoError(true), data?.transactions ?? []),
)
const getNumTransactions = () => {
@ -121,7 +121,7 @@ const SystemPerformance = () => {
return R.reduce(
(acc, value) => acc.plus(value.profit),
new BigNumber(0),
transactions
transactions,
)
}
@ -141,7 +141,7 @@ const SystemPerformance = () => {
const getDirectionPercent = () => {
const [cashIn, cashOut] = R.partition(R.propEq('txClass', 'cashIn'))(
transactionsToShow
transactionsToShow,
)
const totalLength = cashIn.length + cashOut.length
if (totalLength === 0) {
@ -150,7 +150,7 @@ const SystemPerformance = () => {
return {
cashIn: Math.round((cashIn.length / totalLength) * 100),
cashOut: Math.round((cashOut.length / totalLength) * 100)
cashOut: Math.round((cashOut.length / totalLength) * 100),
}
}
@ -160,7 +160,7 @@ const SystemPerformance = () => {
'text-tomato': percentChange < 0,
'text-spring4': percentChange > 0,
'text-comet': percentChange === 0,
'flex items-center justify-center gap-1': true
'flex items-center justify-center gap-1': true,
}
const getPercentageIcon = () => {

1
packages/admin-ui/src/pages/Dashboard/SystemPerformance/index.js
View file

@ -1,2 +1,3 @@
import SystemPerformance from './SystemPerformance'
export default SystemPerformance