diff --git a/src/components/forms/RFFComponents.jsx b/src/components/forms/RFFComponents.jsx index b2a0f5472619..516098532900 100644 --- a/src/components/forms/RFFComponents.jsx +++ b/src/components/forms/RFFComponents.jsx @@ -546,7 +546,6 @@ export const RFFSelectSearch = ({ } const selectProps = { - className: 'react-select-container', classNamePrefix: 'react-select', ...input, name, @@ -560,6 +559,10 @@ export const RFFSelectSearch = ({ onChange: handleChange, onInputChange: setOnInputChange, ...props, + //merge className from props into the default className + className: props.className + ? `${props.className} react-select-container` + : 'react-select-container', } return ( diff --git a/src/views/endpoint/autopilot/AutopilotAddProfile.jsx b/src/views/endpoint/autopilot/AutopilotAddProfile.jsx index 62c62c8b4cf4..0dc6e02636cf 100644 --- a/src/views/endpoint/autopilot/AutopilotAddProfile.jsx +++ b/src/views/endpoint/autopilot/AutopilotAddProfile.jsx @@ -6,8 +6,9 @@ import { faCheck, faExclamationTriangle, faTimes } from '@fortawesome/free-solid import { CippWizard } from 'src/components/layout' import { WizardTableField } from 'src/components/tables' import PropTypes from 'prop-types' -import { RFFCFormInput, RFFCFormSwitch } from 'src/components/forms' +import { RFFCFormInput, RFFCFormSwitch, RFFSelectSearch } from 'src/components/forms' import { useLazyGenericPostRequestQuery } from 'src/store/api/app' +import langaugeList from 'src/data/languageList' const Error = ({ name }) => ( { - + + ({ + value: tag, + name: language, + }))} + name="languages" + multi={false} + label="Languages" + /> + + + + { - + -

- - - - - - - - - + + + + + + + + + + + + +
diff --git a/src/views/tenant/standards/ListAppliedStandards.jsx b/src/views/tenant/standards/ListAppliedStandards.jsx index c48dd3705753..6548ebb25848 100644 --- a/src/views/tenant/standards/ListAppliedStandards.jsx +++ b/src/views/tenant/standards/ListAppliedStandards.jsx @@ -42,6 +42,7 @@ import GDAPRoles from 'src/data/GDAPRoles' import timezoneList from 'src/data/timezoneList' import Select from 'react-select' import { cellGenericFormatter } from 'src/components/tables/CellGenericFormat' +import langaugeList from 'src/data/languageList' const DeleteAction = () => { const tenantDomain = useSelector((state) => state.app.currentTenant.defaultDomainName) @@ -875,6 +876,19 @@ const ApplyNewStandard = () => { />

+ + + ({ + value: tag, + name: language, + }))} + name="standards.APConfig.languages" + multi={false} + label="Languages" + /> + +