fix(cc-station-login): material design ui

packages/contact-center/station-login/src/helper.ts

@@ -9,9 +9,9 @@ export const useStationLogin = (props: UseStationLoginProps) => {
   const loginCb = props.onLogin;
   const logoutCb = props.onLogout;
   const logger = props.logger;
+  const deviceType = props.deviceType;
   const [isAgentLoggedIn, setIsAgentLoggedIn] = useState(props.isAgentLoggedIn);
   const [dialNumber, setDialNumber] = useState('');
-  const [deviceType, setDeviceType] = useState('');
   const [team, setTeam] = useState('');
   const [loginSuccess, setLoginSuccess] = useState<StationLoginSuccess>();
   const [loginFailure, setLoginFailure] = useState<Error>();
@@ -104,7 +104,6 @@ export const useStationLogin = (props: UseStationLoginProps) => {
 
   return {
     name: 'StationLogin',
-    setDeviceType,
     setDialNumber,
     setTeam,
     login,

packages/contact-center/station-login/src/station-login/index.tsx

@@ -7,7 +7,7 @@ import {useStationLogin} from '../helper';
 import {StationLoginProps} from './station-login.types';
 
 const StationLoginComponent: React.FunctionComponent<StationLoginProps> = ({onLogin, onLogout}) => {
-  const {cc, teams, loginOptions, logger, deviceType, isAgentLoggedIn, handleContinue, showMultipleLoginAlert} = store;
+  const {cc, teams, loginOptions, logger, deviceType, isAgentLoggedIn, handleContinue, showMultipleLoginAlert, setDeviceType, currentTheme} = store;
   const result = useStationLogin({
     cc,
     onLogin,
@@ -16,13 +16,16 @@ const StationLoginComponent: React.FunctionComponent<StationLoginProps> = ({onLo
     isAgentLoggedIn,
     handleContinue,
     showMultipleLoginAlert,
+    deviceType
   });
 
   const props = {
     ...result,
     teams,
     loginOptions,
     deviceType,
+    setDeviceType,
+    currentTheme
   };
   return <StationLoginPresentational {...props} />;
 };