상수 설정
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
import { APP_LOGIN_TYPE } from "@/entities/common/model/constant";
|
||||
import { LoginType } from "@/entities/common/model/types";
|
||||
import { IMAGE_ROOT } from "@/shared/constants/common";
|
||||
|
||||
@@ -47,17 +48,17 @@ export const LoginTypeBottomSheet = ({
|
||||
<div className="bottom-section">
|
||||
<ul className="list-style-circle link">
|
||||
<li
|
||||
className={ `${(loginType === LoginType['Id/Pw'])? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType['Id/Pw']) }
|
||||
>ID/PW 입력</li>
|
||||
className={ `${(loginType === LoginType.ID)? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType.ID) }
|
||||
>{ APP_LOGIN_TYPE[LoginType.ID] }</li>
|
||||
<li
|
||||
className={ `${(loginType === LoginType.Finger)? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType.Finger) }
|
||||
>지문 인증</li>
|
||||
className={ `${(loginType === LoginType.FINGER)? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType.FINGER) }
|
||||
>{ APP_LOGIN_TYPE[LoginType.FINGER] }</li>
|
||||
<li
|
||||
className={ `${(loginType === LoginType.Face)? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType.Face) }
|
||||
>안면 인증</li>
|
||||
className={ `${(loginType === LoginType.FACE)? 'selected': ''}` }
|
||||
onClick={ () => onChangeLoginType(LoginType.FACE) }
|
||||
>{ APP_LOGIN_TYPE[LoginType.FACE] }</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import { APP_LANGUAGE } from "@/entities/common/model/constant";
|
||||
import { AppLanguage } from "@/entities/common/model/types";
|
||||
import { IMAGE_ROOT } from "@/shared/constants/common";
|
||||
|
||||
@@ -50,15 +51,15 @@ export const ServiceLanguageBottomSheet = ({
|
||||
<li
|
||||
className={ `${(appLanguage === AppLanguage.DEVICE)? 'selected': ''}` }
|
||||
onClick={ () => onChangeServiceLanguage(AppLanguage.DEVICE) }
|
||||
>기기 설정 언어</li>
|
||||
>{ APP_LANGUAGE[AppLanguage.DEVICE] }</li>
|
||||
<li
|
||||
className={ `${(appLanguage === AppLanguage.KO)? 'selected': ''}` }
|
||||
onClick={ () => onChangeServiceLanguage(AppLanguage.KO) }
|
||||
>한국어</li>
|
||||
>{ APP_LANGUAGE[AppLanguage.KO] }</li>
|
||||
<li
|
||||
className={ `${(appLanguage === AppLanguage.EN)? 'selected': ''}` }
|
||||
onClick={ () => onChangeServiceLanguage(AppLanguage.EN)
|
||||
}>ENGLISH</li>
|
||||
}>{ APP_LANGUAGE[AppLanguage.EN] }</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,16 @@
|
||||
import { PATHS } from "@/shared/constants/paths";
|
||||
import { SortTypeKeys } from "./types";
|
||||
|
||||
export const APP_LANGUAGE = {
|
||||
DEVICE: '기기 설정 언어',
|
||||
KO: '한국어',
|
||||
EN: 'ENGLISH',
|
||||
};
|
||||
export const APP_LOGIN_TYPE = {
|
||||
ID: 'ID/PW 입력',
|
||||
FINGER: '지문 인증',
|
||||
FACE: '안면 인증'
|
||||
};
|
||||
export const DEFAULT_PAGE_PARAM = {
|
||||
cursor: null,
|
||||
size: 20,
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
export enum AppLanguage {
|
||||
'DEVICE' = 'DEVICE',
|
||||
'KO' = 'KO',
|
||||
'EN' = 'EN'
|
||||
DEVICE = 'DEVICE',
|
||||
KO = 'KO',
|
||||
EN = 'EN'
|
||||
};
|
||||
export enum LoginType {
|
||||
'Id/Pw' = 'Id/Pw',
|
||||
'Finger' = 'Finger',
|
||||
'Face' = 'Face'
|
||||
ID = 'ID',
|
||||
FINGER = 'FINGER',
|
||||
FACE = 'FACE'
|
||||
};
|
||||
export enum SuccessResult {
|
||||
SUCCESS = 'SUCCESS',
|
||||
|
||||
@@ -3,6 +3,7 @@ import { useAppAlarmFindMutation } from '@/entities/alarm/api/use-app-alarm-find
|
||||
import { AppAlarmConsentParams, AppAlarmConsentResponse, AppAlarmFindParams, AppAlarmFindResponse, MERCHANT_ADMIN_APP } from '@/entities/alarm/model/types';
|
||||
import { LoginTypeBottomSheet } from '@/entities/alarm/ui/login-type-bottom-sheet';
|
||||
import { ServiceLanguageBottomSheet } from '@/entities/alarm/ui/service-language-bottom-sheet';
|
||||
import { APP_LANGUAGE, APP_LOGIN_TYPE } from '@/entities/common/model/constant';
|
||||
import { AppLanguage, HeaderType, LoginType } from '@/entities/common/model/types';
|
||||
import { useStore } from '@/shared/model/store';
|
||||
import {
|
||||
@@ -20,7 +21,7 @@ export const SettingPage = () => {
|
||||
|
||||
const [loginTypeBottomSheetOn, setLoginTypeBottomSheetOn] = useState<boolean>(false);
|
||||
const [serviceLanguageBottomSheetOn, setServiceLanguageBottomSheetOn] = useState<boolean>(false);
|
||||
const [loginType, setLoginType] = useState<LoginType>(LoginType['Id/Pw']);
|
||||
const [loginType, setLoginType] = useState<LoginType>(LoginType.ID);
|
||||
const [appLanguage, setAppLanguage] = useState<AppLanguage>(AppLanguage.KO);
|
||||
|
||||
const {mutateAsync: appAlarmFind} = useAppAlarmFindMutation();
|
||||
@@ -198,7 +199,7 @@ export const SettingPage = () => {
|
||||
onClick={ () => setLoginTypeBottomSheetOn(true) }
|
||||
>
|
||||
<div className="settings-row-title bd-style">로그인 방식 설정</div>
|
||||
<div className="click">{ loginType }</div>
|
||||
<div className="click">{ APP_LOGIN_TYPE[loginType] }</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
@@ -206,7 +207,7 @@ export const SettingPage = () => {
|
||||
onClick={ () => setServiceLanguageBottomSheetOn(true) }
|
||||
>
|
||||
<div className="settings-row-title bd-style">서비스 언어 설정</div>
|
||||
<div className="click">{ appLanguage }</div>
|
||||
<div className="click">{ APP_LANGUAGE[appLanguage] }</div>
|
||||
</div>
|
||||
|
||||
<div className="settings-divider"></div>
|
||||
@@ -215,7 +216,7 @@ export const SettingPage = () => {
|
||||
<div className="settings-row-title bd-style">로그아웃</div>
|
||||
</div>
|
||||
|
||||
<div style={{ marginTop: '40px', paddingBottom: '20px' }}>
|
||||
<div style={{ marginTop: '10px', paddingBottom: '10px' }}>
|
||||
<div
|
||||
onClick={onClickPrivacyPolicy}
|
||||
style={{
|
||||
@@ -225,9 +226,7 @@ export const SettingPage = () => {
|
||||
textAlign: 'center',
|
||||
padding: '12px'
|
||||
}}
|
||||
>
|
||||
개인정보처리방침
|
||||
</div>
|
||||
>개인정보처리방침</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user