import { Route } from 'react-router-dom';
import { SentryRoutes } from '@/shared/configs/sentry';
import { ROUTE_NAMES } from '@/shared/constants/route-names';
import { UserManagePage } from './user/manage-page';
import { UserLoginAuthInfoPage } from './user/login-auth-info-page';
import { UserAccountAuthPage } from './user/account-auth-page';
import { UserMenuAuthPage } from './user/menu-auth-page';
import { UserAddAccountPage } from './user/add-account-page';
import { PasswordManagePage } from './password/manage-page';
import { PasswordModifyLoginPasswordPage } from './password/modify-login-password-page';
import { PasswordModifyCancelPasswordPage } from './password/modify-cancel-password-page';

export const AccountPages = () => {
  
  return (
    <>
      <SentryRoutes>
        <Route path={ROUTE_NAMES.account.user.base}>
          <Route path={ROUTE_NAMES.account.user.manage} element={<UserManagePage />} />
          <Route path={ROUTE_NAMES.account.user.loginAuthInfo} element={<UserLoginAuthInfoPage />} />
          <Route path={ROUTE_NAMES.account.user.accountAuth} element={<UserAccountAuthPage />} />
          <Route path={ROUTE_NAMES.account.user.menuAuth} element={<UserMenuAuthPage />} />
          <Route path={ROUTE_NAMES.account.user.addAccount} element={<UserAddAccountPage />} />
        </Route>
        <Route path={ROUTE_NAMES.account.password.base}>
          <Route path={ROUTE_NAMES.account.password.manage} element={<PasswordManagePage />} />
          <Route path={ROUTE_NAMES.account.password.modifyLoginPassword} element={<PasswordModifyLoginPasswordPage />} />
          <Route path={ROUTE_NAMES.account.password.modifyCancelPassword} element={<PasswordModifyCancelPasswordPage />} />
        </Route>
      </SentryRoutes>
    </>
  );
};