diff --git a/client/src/pages/spools/show.tsx b/client/src/pages/spools/show.tsx index 9b9a02c..3d958bc 100644 --- a/client/src/pages/spools/show.tsx +++ b/client/src/pages/spools/show.tsx @@ -1,5 +1,5 @@ import { getBasePath } from "../../utils/url"; -import { InboxOutlined, PrinterOutlined, ToTopOutlined } from "@ant-design/icons"; +import { InboxOutlined, PrinterOutlined, ToTopOutlined, ToolOutlined } from "@ant-design/icons"; import { DateField, NumberField, Show, TextField } from "@refinedev/antd"; import { IResourceComponentsProps, useInvalidate, useShow, useTranslate } from "@refinedev/core"; import { Button, Modal, Typography } from "antd"; @@ -13,7 +13,7 @@ import { enrichText } from "../../utils/parsing"; import { EntityType, useGetFields } from "../../utils/queryFields"; import { useCurrencyFormatter } from "../../utils/settings"; import { IFilament } from "../filaments/model"; -import { setSpoolArchived } from "./functions"; +import { setSpoolArchived, useSpoolAdjustModal } from "./functions"; import { ISpool } from "./model"; dayjs.extend(utc); @@ -42,6 +42,9 @@ export const SpoolShow: React.FC = () => { return currencyFormatter.format(price); }; + // Provides the function to open the spool adjustment modal and the modal component itself + const { openSpoolAdjustModal, spoolAdjustModal } = useSpoolAdjustModal(); + // Function for opening an ant design modal that asks for confirmation for archiving a spool const archiveSpool = async (spool: ISpool, archive: boolean) => { await setSpoolArchived(spool, archive); @@ -104,9 +107,9 @@ export const SpoolShow: React.FC = () => { const colorObj = record?.filament.multi_color_hexes ? { - colors: record.filament.multi_color_hexes.split(","), - vertical: record.filament.multi_color_direction === "longitudinal", - } + colors: record.filament.multi_color_hexes.split(","), + vertical: record.filament.multi_color_direction === "longitudinal", + } : record?.filament.color_hex; return ( @@ -115,6 +118,13 @@ export const SpoolShow: React.FC = () => { title={record ? formatTitle(record) : ""} headerButtons={({ defaultButtons }) => ( <> +