import { useRouter } from "next/router"; // ui import { CustomSelect } from "@plane/ui"; // types import { IAnalyticsParams, TXAxisValues } from "@plane/types"; // constants import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics"; type Props = { value: TXAxisValues; onChange: (val: string) => void; params: IAnalyticsParams; }; export const SelectXAxis: React.FC = (props) => { const { value, onChange, params } = props; const router = useRouter(); const { cycleId, moduleId } = router.query; return ( {ANALYTICS_X_AXIS_VALUES.find((v) => v.value === value)?.label}} 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 ( {item.label} ); })} ); };