Function TimePeriodSelect

console/src/components/TimePeriodSelect.tsx:23–54

({
  timePeriodMinutes,
  setTimePeriodMinutes,
  options = DEFAULT_OPTIONS,
}: TimePeriodSelectProps)

}

const TimePeriodSelect = ({
  timePeriodMinutes,
  setTimePeriodMinutes,
  options = DEFAULT_OPTIONS,
}: TimePeriodSelectProps) => {
  const navigate = useNavigate();
  const location = useLocation();
  const setTimePeriod = (timePeriod: string) => {
    const searchParams = new URLSearchParams(location.search);
    searchParams.set("timePeriod", timePeriod);
    navigate(
      location.pathname + "?" + searchParams.toString() + location.hash,
      {
        replace: true,
      },
    );
    setTimePeriodMinutes(parseInt(timePeriod));
  };

  return (
    <SimpleSelect
      value={timePeriodMinutes}
      onChange={(e) => setTimePeriod(e.target.value)}
    >
      {Object.entries(options).map(([value, text]) => (
        <option key={value} value={value}>
          {text}
        </option>
      ))}
    </SimpleSelect>
  );
};

export default TimePeriodSelect;