refactor: remove email change functionality

client/src/pages/me/ui/sections/SettingsPage.tsx

@@ -17,16 +17,12 @@ import { useUnit } from 'effector-react'
 import { useForm } from 'react-hook-form'
 import { AVATAR_STYLES, DEFAULT_STYLE_ID, getStyleById } from '@/shared/lib/avatar-styles'
 import {
-  $requestEmailChangeCodeError,
   $updateProfileError,
   $user,
-  $verifyEmailChangeError,
   fetchAuthMethodsFx,
-  requestEmailChangeCodeFx,
   setPasswordFx,
   unlinkOAuthFx,
   updateProfileFx,
-  verifyEmailChangeFx,
   type AuthMethod,
 } from '@/shared/model/auth'
 import { UserAvatar } from '@/shared/ui/UserAvatar'
@@ -41,17 +37,8 @@ function getApiErrorMessage(error: unknown): string | null {
 
 export function SettingsPage() {
   const user = useUnit($user)
-  const pendingEmailReq = useUnit(requestEmailChangeCodeFx.pending)
-  const pendingEmailVerify = useUnit(verifyEmailChangeFx.pending)
   const pendingProfile = useUnit(updateProfileFx.pending)
-  const errorEmailReq = useUnit($requestEmailChangeCodeError)
   const errorProfile = useUnit($updateProfileError)
-  const errorEmailVerify = useUnit($verifyEmailChangeError)
-
-  const emailForm = useForm<{ newEmail: string; code: string }>({
-    defaultValues: { newEmail: '', code: '' },
-    mode: 'onChange',
-  })
 
   const profileForm = useForm<{ displayName: string }>({
     defaultValues: {
@@ -60,7 +47,6 @@ export function SettingsPage() {
     mode: 'onChange',
   })
 
-  const emailErrorMsg = getApiErrorMessage(errorEmailReq) ?? getApiErrorMessage(errorEmailVerify)
   const profileErrorMsg = getApiErrorMessage(errorProfile)
 
   const [selectedStyle, setSelectedStyle] = useState(user?.avatarStyle || DEFAULT_STYLE_ID)
@@ -136,11 +122,6 @@ export function SettingsPage() {
         Текущая почта: <b>{user.email}</b>
       </Typography>
 
-      {emailErrorMsg && (
-        <Alert severity="error" sx={{ mb: 2 }}>
-          {emailErrorMsg}
-        </Alert>
-      )}
       {profileErrorMsg && (
         <Alert severity="error" sx={{ mb: 2 }}>
           {profileErrorMsg}
@@ -408,39 +389,6 @@ export function SettingsPage() {
             </Box>
           </>
         )}
-
-        <Divider />
-
-        <Box>
-          <Typography variant="h6" gutterBottom>
-            Смена почты
-          </Typography>
-          <Stack spacing={2}>
-            <TextField label="Новая почта" {...emailForm.register('newEmail')} />
-            <Button
-              variant="outlined"
-              disabled={!emailForm.watch('newEmail') || pendingEmailReq}
-              onClick={() => requestEmailChangeCodeFx(emailForm.getValues('newEmail').trim())}
-            >
-              Отправить код на новую почту
-            </Button>
-            <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>
-              <TextField label="Код (6 цифр)" inputMode="numeric" {...emailForm.register('code')} />
-              <Button
-                variant="contained"
-                disabled={emailForm.watch('code').trim().length !== 6 || pendingEmailVerify}
-                onClick={() =>
-                  verifyEmailChangeFx({
-                    newEmail: emailForm.getValues('newEmail').trim(),
-                    code: emailForm.getValues('code').trim(),
-                  })
-                }
-              >
-                Подтвердить
-              </Button>
-            </Stack>
-          </Stack>
-        </Box>
       </Stack>
     </Box>
   )

client/src/shared/model/auth.ts

@@ -60,17 +60,6 @@ sample({
   target: $user,
 })
 
-// ----- Email change -----
-
-export const requestEmailChangeCodeFx = createEffect(async (newEmail: string) => {
-  await apiClient.post('me/change-email/request-code', { newEmail })
-})
-
-export const verifyEmailChangeFx = createEffect(async (params: { newEmail: string; code: string }) => {
-  const { data } = await apiClient.post<{ user: AuthUser }>('me/change-email/verify', params)
-  return data.user
-})
-
 // ----- Profile update -----
 
 export type UpdateProfileParams = {
@@ -113,17 +102,15 @@ export const unlinkOAuthFx = createEffect(async (provider: 'vk' | 'yandex') => {
 
 // ----- Error stores -----
 
-export const $requestEmailChangeCodeError = createErrorStore(requestEmailChangeCodeFx).$error
-export const $verifyEmailChangeError = createErrorStore(verifyEmailChangeFx).$error
 export const $updateProfileError = createErrorStore(updateProfileFx).$error
 
 // ----- Re-exports -----
 
 export { readStoredToken } from '@/shared/lib/persist-token'
 
-// ----- Sync user from profile/email changes -----
+// ----- Sync user from profile changes -----
 
 sample({
-  clock: [verifyEmailChangeFx.doneData, updateProfileFx.doneData],
+  clock: [updateProfileFx.doneData],
   target: $user,
 })