jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix funnel type selection

Browse source
This commit is contained in:
nick-delirium 2025-01-08 12:29:26 +01:00
parent a0ab5c7131
commit ba95a6ccb8
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/app/components/Dashboard/components/WidgetOptions.tsx
View file

@ -144,6 +144,13 @@ const WidgetViewTypeOptions = observer(({ metric }: { metric: any }) => {
metric: 'Metric',
table: 'Table',
};
const funnelChartTypes = {
chart: 'Funnel Bar',
columnChart: 'Funnel Column',
metric: 'Metric',
table: 'Table',
}
const usedChartTypes = metric.metricType === FUNNEL ? funnelChartTypes : chartTypes;
const chartIcons = {
lineChart: <ChartLine size={16} strokeWidth={1} /> ,
barChart: <ChartColumn size={16} strokeWidth={1} />,
@ -166,7 +173,7 @@ const WidgetViewTypeOptions = observer(({ metric }: { metric: any }) => {
'metric',
'table',
],
[FUNNEL]: ['lineChart', 'areaChart', 'barChart', 'progressChart', 'pieChart', 'metric', 'table'],
[FUNNEL]: ['chart', 'columnChart', 'metric', 'table'],
};
return (
<Dropdown
@ -178,7 +185,7 @@ const WidgetViewTypeOptions = observer(({ metric }: { metric: any }) => {
label: (
<div className="flex gap-2 items-center">
{chartIcons[key]}
<div>{chartTypes[key]}</div>
<div>{usedChartTypes[key]}</div>
</div>
),
})),
@ -196,7 +203,7 @@ const WidgetViewTypeOptions = observer(({ metric }: { metric: any }) => {
>
<Space>
{chartIcons[metric.viewType]}
<div>{chartTypes[metric.viewType]}</div>
<div>{usedChartTypes[metric.viewType]}</div>
<DownOutlined className="text-sm " />
</Space>
</Button>