Function VersionTargetForm

src/renderer/components/VersionTargetForm.tsx:31–146

({
  onChanged,
  filters,
  versions,
  targets,
  disabled,
})

};

const VersionTargetForm: React.FC<Props> = ({
  onChanged,
  filters,
  versions,
  targets,
  disabled,
}) => {
  const { t } = useTranslation("flashing");
  return (
    <Form
      layout="vertical"
      onValuesChange={(_, values) =>
        onChanged?.({ ...values, filters } as Parameters<typeof onChanged>[0])
      }
      fields={Object.entries({
        target: targets.selectedId,
        version: versions.selectedId,
      }).map(([key, value]) => ({ name: [key], value }))}
      size="large"
    >
      <Form.Item
        label={t(`Firmware version`)}
        name="version"
        tooltip={
          versions.tooltip
            ? {
                title: versions.tooltip,
                icon: <InfoCircleOutlined />,
              }
            : versions.tooltip
        }
        help={
          versions.error ? (
            t(`Could not load releases`)
          ) : (
            <div style={{ display: "flex", justifyContent: "flex-end" }}>
              <VersionFiltersDropdown
                filters={filters}
                onChange={(newFilters) => {
                  onChanged?.({
                    version: versions.selectedId,
                    target: targets.selectedId,
                    filters: newFilters,
                  });
                }}
              />
            </div>
          )
        }
        validateStatus={versions.error ? "error" : undefined}
        required
      >
        <Select
          value={versions.selectedId}
          allowClear={false}
          placeholder={
            versions.loading
              ? t(`Loading releases...`)