new product select
This commit is contained in:
@@ -3,8 +3,7 @@ import {FC} from "react";
|
|||||||
import useProductsList from "../../pages/ProductsPage/hooks/useProductsList.tsx";
|
import useProductsList from "../../pages/ProductsPage/hooks/useProductsList.tsx";
|
||||||
import {omit} from "lodash";
|
import {omit} from "lodash";
|
||||||
import ObjectSelect, {ObjectSelectProps} from "../ObjectSelect/ObjectSelect.tsx";
|
import ObjectSelect, {ObjectSelectProps} from "../ObjectSelect/ObjectSelect.tsx";
|
||||||
import {Text, Tooltip} from "@mantine/core";
|
import {SelectProps, Text, Tooltip} from "@mantine/core";
|
||||||
import {ComboboxLikeRenderOptionInput} from "@mantine/core/lib/components/Combobox";
|
|
||||||
import {getProductFields} from "../../types/utils.ts";
|
import {getProductFields} from "../../types/utils.ts";
|
||||||
|
|
||||||
type RestProps = {
|
type RestProps = {
|
||||||
@@ -14,7 +13,7 @@ type Props = Omit<ObjectSelectProps<ProductSchema>, 'data'> & RestProps;
|
|||||||
const ProductSelect: FC<Props> = (props: Props) => {
|
const ProductSelect: FC<Props> = (props: Props) => {
|
||||||
const {products} = useProductsList({clientId: props.clientId});
|
const {products} = useProductsList({clientId: props.clientId});
|
||||||
const restProps = omit(props, ['clientId']);
|
const restProps = omit(props, ['clientId']);
|
||||||
const renderOption = (item: ComboboxLikeRenderOptionInput) => {
|
const renderOption: SelectProps['renderOption'] = (item) => {
|
||||||
const product = products.find(product => product.id == parseInt(item.option.value));
|
const product = products.find(product => product.id == parseInt(item.option.value));
|
||||||
if (!product) return item.option.label;
|
if (!product) return item.option.label;
|
||||||
const productFields = getProductFields(product);
|
const productFields = getProductFields(product);
|
||||||
|
|||||||
Reference in New Issue
Block a user