- ars,SMS,KeyIn 수정

src/entities/alarm/ui/login-type-bottom-sheet.tsx

@@ -9,13 +9,15 @@ export interface LoginTypeBottomSheetProps {
   loginType: LoginType;
   setLoginType: (loginType: string) => void;
   onBiometricRegistered?: () => void;
+  isAndroid: boolean;
 };
 
 export const LoginTypeBottomSheet = ({
   setLoginTypeBottomSheetOn,
   loginType,
   setLoginType,
-  onBiometricRegistered
+  onBiometricRegistered,
+  isAndroid
 }: LoginTypeBottomSheetProps) => {
   const { t } = useTranslation();
   const { registerBiometric, setLoginType: setLoginTypeNative } = useAppBridge();
@@ -25,21 +27,31 @@ export const LoginTypeBottomSheet = ({
   };
   const onChangeLoginType = async (type: string) => {
     if (loginType !== type) {
-      if (type === 'BIOMETRIC') {
-        onClickToClose();
-        registerBiometric().then(() => {
-          onBiometricRegistered?.();
-        }).catch(() => {
-          // 에러 처리
-        });
-      } else {
+      if (isAndroid) {
         setLoginTypeNative(type).then(() => {
-          setLoginType(type);
+            setLoginType(type);
+            onClickToClose();
+          }).catch(() => {
+            onClickToClose();
+          });
+      } else {
+        if (type === 'BIOMETRIC') {
           onClickToClose();
-        }).catch(() => {
-          onClickToClose();
-        });
+          registerBiometric().then(() => {
+            onBiometricRegistered?.();
+          }).catch(() => {
+            // 에러 처리
+          });
+        } else {
+          setLoginTypeNative(type).then(() => {
+            setLoginType(type);
+            onClickToClose();
+          }).catch(() => {
+            onClickToClose();
+          });
+        }
       }
+
     }
   };
 
@@ -55,9 +67,9 @@ export const LoginTypeBottomSheet = ({
               type="button"
             >
               <img
-                src={ IMAGE_ROOT + '/ico_close.svg' }
+                src={IMAGE_ROOT + '/ico_close.svg'}
                 alt={t('common.close')}
-                onClick={ onClickToClose }
+                onClick={onClickToClose}
               />
             </button>
           </div>
@@ -67,12 +79,12 @@ export const LoginTypeBottomSheet = ({
           <div className="bottom-section">
             <ul className="list-style-circle link">
               <li
-                className={ `${(loginType === LoginType.ID)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType('ID') }
+                className={`${(loginType === LoginType.ID) ? 'selected' : ''}`}
+                onClick={() => onChangeLoginType('ID')}
               >{t('settings.loginType.idPassword')}</li>
               <li
-                className={ `${(loginType === LoginType.BIOMETRIC)? 'selected': ''}` }
-                onClick={ () => onChangeLoginType('BIOMETRIC') }
+                className={`${(loginType === LoginType.BIOMETRIC) ? 'selected' : ''}`}
+                onClick={() => onChangeLoginType('BIOMETRIC')}
               >{t('settings.loginType.biometric')}</li>
             </ul>
           </div>