diff --git a/packages/contact-center/cc-components/src/components/StationLogin/station-login.tsx b/packages/contact-center/cc-components/src/components/StationLogin/station-login.tsx index 5d61f896f..ec38232ba 100644 --- a/packages/contact-center/cc-components/src/components/StationLogin/station-login.tsx +++ b/packages/contact-center/cc-components/src/components/StationLogin/station-login.tsx @@ -48,6 +48,7 @@ const StationLoginComponent: React.FunctionComponent selectedDeviceType, dialNumberValue, setSelectedTeamId, + hideDesktopLogin, } = props; const [dialNumberLabel, setDialNumberLabel] = useState(''); @@ -59,6 +60,9 @@ const StationLoginComponent: React.FunctionComponent const [dnErrorText, setDNErrorText] = useState(''); const {multiSignInModalRef, ccSignOutModalRef, saveConfirmDialogRef} = createStationLoginRefs(logger); + // Filter out Desktop mode if hideDesktopLogin is true + const filteredLoginOptions = hideDesktopLogin ? loginOptions.filter((option) => option !== DESKTOP) : loginOptions; + useEffect(() => { if (deviceType !== DESKTOP && Object.keys(LoginOptions).includes(deviceType)) { updateDialNumberLabel(deviceType, setDialNumberLabel, setDialNumberPlaceholder, logger); @@ -227,8 +231,8 @@ const StationLoginComponent: React.FunctionComponent selectedValueText={LoginOptions[selectedDeviceType]} > {Object.keys(LoginOptions).map((option: string, index: number) => { - // only show loginOptions provided by store - if (loginOptions.includes(option)) { + // only show loginOptions provided by store and filtered by hideDesktopLogin + if (filteredLoginOptions.includes(option)) { return (