diff --git a/src/locales/en.json b/src/locales/en.json index e7ce086..5db1870 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -99,7 +99,9 @@ "serviceLanguage": { "title": "Please select language.", "notice": "※ If the language is not supported, English will be set automatically" - } + }, + "termsAndPrivacy": "Terms of Service and Privacy Policy", + "logoutConfirm": "Do you want to logout?" }, "support": { "notice": { diff --git a/src/locales/ko.json b/src/locales/ko.json index b3a8c9b..7c9d76d 100644 --- a/src/locales/ko.json +++ b/src/locales/ko.json @@ -99,7 +99,9 @@ "serviceLanguage": { "title": "서비스 언어를 선택하세요.", "notice": "※ 미지원 언어일 경우 ENGLISH 자동 설정" - } + }, + "termsAndPrivacy": "이용약관 및 개인정보 처리방침", + "logoutConfirm": "로그아웃 하시겠습니까?" }, "support": { "notice": { diff --git a/src/pages/setting/setting-page.tsx b/src/pages/setting/setting-page.tsx index 2e9e88d..d31d5ed 100644 --- a/src/pages/setting/setting-page.tsx +++ b/src/pages/setting/setting-page.tsx @@ -15,6 +15,7 @@ import { ChangeEvent, useCallback, useEffect, useState } from 'react'; import { useAppBridge } from '@/hooks/useAppBridge'; import { useTranslation } from 'react-i18next'; import appBridge from '@/utils/appBridge'; +import { Dialog } from '@/shared/ui/dialogs/dialog'; export const SettingPage = () => { let userInfo = useStore.getState().UserStore.userInfo; @@ -55,13 +56,15 @@ export const SettingPage = () => { '62': false, '15': false }); + + const [dialogOpen, setDialogOpen] = useState(false); - const onClickPrivacyPolicy = () => { - window.open('https://www.nicevan.co.kr/privacy-policy', '_blank'); + const onClickPolicy = () => { + window.open('https://www.nicepay.co.kr/cs/terms/policy1.do', '_blank'); }; const onClickLogout = () => { - logout(); + setDialogOpen(true); }; const checkPushNotificationStatus = useCallback(() => { @@ -415,21 +418,12 @@ export const SettingPage = () => {
-
-
{t('settings.logout')}
+
+
{t('settings.termsAndPrivacy')}
-
-
{t('settings.privacyPolicy')}
+
+
{t('settings.logout')}
@@ -452,6 +446,20 @@ export const SettingPage = () => { changeLanguage={ changeLanguage } > } + { !!dialogOpen && + setDialogOpen(false)} + message={t('settings.logoutConfirm')} + afterLeave={() => setDialogOpen(false)} + buttonLabel={[t('common.cancel'), t('common.confirm')]} + onConfirmClick={() => { + console.log(t('common.confirm')); + logout(); + }} + onCancelClick={() => setDialogOpen(false)} + /> + } ); }; \ No newline at end of file