diff --git a/client/src/pages/spools/create.tsx b/client/src/pages/spools/create.tsx index c7059a7..ab79a14 100644 --- a/client/src/pages/spools/create.tsx +++ b/client/src/pages/spools/create.tsx @@ -1,12 +1,12 @@ -import React, {useState} from "react"; -import {IResourceComponentsProps, useTranslate} from "@refinedev/core"; -import {Create, useForm, useSelect} from "@refinedev/antd"; -import {Form, Input, DatePicker, Select, InputNumber, Radio} from "antd"; +import React, { useState } from "react"; +import { IResourceComponentsProps, useTranslate } from "@refinedev/core"; +import { Create, useForm, useSelect } from "@refinedev/antd"; +import { Form, Input, DatePicker, Select, InputNumber, Radio } from "antd"; import dayjs from "dayjs"; import TextArea from "antd/es/input/TextArea"; -import {IFilament} from "../filaments/model"; -import {ISpool} from "./model"; -import {numberFormatter, numberParser} from "../../utils/parsing"; +import { IFilament } from "../filaments/model"; +import { ISpool } from "./model"; +import { numberFormatter, numberParser } from "../../utils/parsing"; interface CreateOrCloneProps { mode: "create" | "clone"; @@ -15,7 +15,7 @@ interface CreateOrCloneProps { export const SpoolCreate: React.FC = (props) => { const t = useTranslate(); - const {form, formProps, saveButtonProps, formLoading} = useForm(); + const { form, formProps, saveButtonProps, formLoading } = useForm(); if (props.mode === "clone" && formProps.initialValues) { // Clear out the values that we don't want to clone @@ -27,7 +27,7 @@ export const SpoolCreate: React.FC({ + const { queryResult } = useSelect({ resource: "filament", }); @@ -50,16 +50,16 @@ export const SpoolCreate: React.FC a.label.localeCompare(b.label, undefined, {sensitivity: "base"})); + filamentOptions?.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: "base" })); const [weightToEnter, setWeightToEnter] = useState(1); const [usedWeight, setUsedWeight] = useState(0); - const selectedFilamentID = Form.useWatch('filament_id', form); - const selectedFilament = filamentOptions?.find(obj => { + const selectedFilamentID = Form.useWatch("filament_id", form); + const selectedFilament = filamentOptions?.find((obj) => { return obj.value === selectedFilamentID; }); const filamentWeight = selectedFilament?.weight || 0; @@ -82,11 +82,10 @@ export const SpoolCreate: React.FC { setUsedWeight(weight); - form.setFieldsValue( - { - used_weight: weight - }); - } + form.setFieldsValue({ + used_weight: weight, + }); + }; return ( - + - + - - + -