plane/web/components/analytics/select/x-axis.tsx

40 lines
1.0 KiB
TypeScript
Raw Normal View History

import { useRouter } from "next/router";
2023-05-16 05:11:37 +00:00
// ui
import { CustomSelect } from "components/ui";
// types
import { TXAxisValues } from "types";
2023-05-16 05:11:37 +00:00
// constants
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
2023-05-16 05:11:37 +00:00
type Props = {
value: TXAxisValues;
onChange: (val: string) => void;
};
export const SelectXAxis: React.FC<Props> = ({ value, onChange }) => {
const router = useRouter();
const { cycleId, moduleId } = router.query;
return (
<CustomSelect
value={value}
label={<span>{ANALYTICS_X_AXIS_VALUES.find((v) => v.value === value)?.label}</span>}
onChange={onChange}
width="w-full"
maxHeight="lg"
>
{ANALYTICS_X_AXIS_VALUES.map((item) => {
if (cycleId && item.value === "issue_cycle__cycle__name") return null;
if (moduleId && item.value === "issue_module__module__name") return null;
return (
<CustomSelect.Option key={item.value} value={item.value}>
{item.label}
</CustomSelect.Option>
);
})}
</CustomSelect>
);
};