forked from github/plane
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { useRouter } from "next/router";
|
|
|
|
// ui
|
|
import { CustomSelect } from "@plane/ui";
|
|
// types
|
|
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
|
|
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
|
|
// constants
|
|
|
|
type Props = {
|
|
value: TXAxisValues;
|
|
onChange: (val: string) => void;
|
|
params: IAnalyticsParams;
|
|
};
|
|
|
|
export const SelectXAxis: React.FC<Props> = (props) => {
|
|
const { value, onChange, params } = props;
|
|
|
|
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}
|
|
maxHeight="lg"
|
|
>
|
|
{ANALYTICS_X_AXIS_VALUES.map((item) => {
|
|
if (params.segment === item.value) return null;
|
|
if (cycleId && item.value === "issue_cycle__cycle_id") return null;
|
|
if (moduleId && item.value === "issue_module__module_id") return null;
|
|
|
|
return (
|
|
<CustomSelect.Option key={item.value} value={item.value}>
|
|
{item.label}
|
|
</CustomSelect.Option>
|
|
);
|
|
})}
|
|
</CustomSelect>
|
|
);
|
|
};
|