diff --git a/src/views/charts/PnlChart.tsx b/src/views/charts/PnlChart.tsx
index 91b0fde..0c92a27 100644
--- a/src/views/charts/PnlChart.tsx
+++ b/src/views/charts/PnlChart.tsx
@@ -9,21 +9,17 @@ import {
HistoricalPnlPeriods,
HISTORICAL_PNL_PERIODS,
} from '@/constants/abacus';
-// import { STRING_KEYS } from '@/constants/localization';
import { timeUnits } from '@/constants/time';
import { breakpoints } from '@/styles';
-import { useBreakpoints, useNow /*, useStringGetter*/ } from '@/hooks';
+import { useBreakpoints, useNow } from '@/hooks';
-// import { Details } from '@/components/Details';
-import { Output /*, OutputType, ShowSign*/ } from '@/components/Output';
-// import { HorizontalSeparator } from '@/components/Separator';
+import { Output } from '@/components/Output';
import { ToggleGroup } from '@/components/ToggleGroup';
import type { TooltipContextType } from '@visx/xychart';
import { TimeSeriesChart } from '@/components/visx/TimeSeriesChart';
import { AxisLabelOutput } from '@/components/visx/AxisLabelOutput';
-// import { TooltipContent } from '@/components/visx/TooltipContent';
import {
getSubaccount,
@@ -36,7 +32,6 @@ import { getAppTheme } from '@/state/configsSelectors';
import abacusStateManager from '@/lib/abacus';
import { formatRelativeTime } from '@/lib/dateTime';
import { isTruthy } from '@/lib/isTruthy';
-import chartBackground from '/Dots-dark.png';
enum PnlSide {
Profit = 'Profit',
@@ -86,7 +81,6 @@ export const PnlChart = ({
selectedLocale,
slotEmpty,
}: PnlChartProps) => {
- // const stringGetter = useStringGetter();
const { isTablet } = useBreakpoints();
const appTheme = useSelector(getAppTheme);
const { equity } = useSelector(getSubaccount, shallowEqual) || {};
@@ -176,8 +170,6 @@ export const PnlChart = ({
[pnlData, equity, selectedPeriod, now]
);
- // const latestDatum = data?.[data.length - 1];
-
const chartBackground =
appTheme === AppTheme.Light ? LIGHT_CHART_BACKGROUND_URL : DARK_CHART_BACKGROUND_URL;
@@ -206,25 +198,6 @@ export const PnlChart = ({
yAccessor: (datum) => datum?.equity,
colorAccessor: () => 'var(--pnl-line-color)',
getCurve: () => curveLinear,
- // getCurve: ({ zoomDomain }) =>
- // PNL_TIME_RESOLUTION * 30 < zoomDomain && zoomDomain < PNL_TIME_RESOLUTION * 400
- // ? curveMonotoneX
- // : curveLinear,
- // threshold: {
- // yAccessor: (datum) => datum?.netTransfers,
- // aboveAreaProps: {
- // fill: 'var(--color-positive)',
- // fillOpacity: 0.33,
- // strokeWidth: 1,
- // stroke: 'var(--color-positive)',
- // },
- // belowAreaProps: {
- // fill: 'var(--color-negative)',
- // fillOpacity: 0.33,
- // strokeWidth: 1,
- // stroke: 'var(--color-negative)',
- // },
- // },
},
]}
tickFormatY={(value) =>
@@ -236,100 +209,7 @@ export const PnlChart = ({
})
.format(Math.abs(value))
.toLowerCase()
- }
- // renderXAxisLabel={({ tooltipData }) => {
- // const tooltipDatum = tooltipData!.nearestDatum!.datum ?? latestDatum;
-
- // return (
- //