src/components/estimate/Estimate.jsx

@@ -13,7 +13,7 @@ import dayjs from 'dayjs'
 import { useCommonCode } from '@/hooks/common/useCommonCode'
 import { useEstimateController } from '@/hooks/floorPlan/estimate/useEstimateController'
 import { SessionContext } from '@/app/SessionProvider'
-import Select, {components} from 'react-select'
+import Select from 'react-select'
 import { convertNumberToPriceDecimal, convertNumberToPriceDecimalToFixed } from '@/util/common-utils'
 import ProductFeaturesPop from './popup/ProductFeaturesPop'
 import { v4 as uuidv4 } from 'uuid'
@@ -1883,17 +1883,8 @@ export default function Estimate({}) {
                                         }
                                       }}
                                       menuPlacement={'auto'}
-                                      getOptionLabel={(x) => x.itemName + " (" + x.itemNo + ")"}
+                                      getOptionLabel={(x) => x.itemName}
                                       getOptionValue={(x) => x.itemNo}
-                                      components={{
-                                        SingleValue:({children, ...props}) =>{
-                                          return (
-                                            <components.SingleValue{...props}>
-                                              {props.data.itemName}
-                                            </components.SingleValue>
-                                          )
-                                        }
-                                      }}
                                       isClearable={false}
                                       isDisabled={!!item?.paDispOrder}
                                       value={displayItemList.filter(function (option) {
@@ -1913,17 +1904,8 @@ export default function Estimate({}) {
                                       placeholder="Select"
                                       options={cableItemList}
                                       menuPlacement={'auto'}
-                                      getOptionLabel={(x) => x.clRefChr3 + " (" + x.clRefChr1 + ")"}
+                                      getOptionLabel={(x) => x.clRefChr3}
                                       getOptionValue={(x) => x.clRefChr1}
-                                      components={{
-                                        SingleValue:({children, ...props}) =>{
-                                          return (
-                                            <components.SingleValue{...props}>
-                                              {props.data.clRefChr3}
-                                            </components.SingleValue>
-                                          )
-                                        }
-                                      }}
                                       isClearable={false}
                                       isDisabled={true}
                                       value={cableItemList.filter(function (option) {