damanukyan/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

17.05.2026 funny

Browse Source
This commit is contained in:
Артём Рассадин
2026-05-17 12:23:32 +03:00
parent 3387769578
commit 253407abc3
12 changed files with 131 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
dist/assets/index-BbQ5Ok1h.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

60
dist/assets/index-CHC6dclK.js vendored
View File

File diff suppressed because one or more lines are too long

60
dist/assets/index-CbGm-SmX.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index-DdoCSUef.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ЭКСА — Ваш мост в мир цифровых активов</title> <title>ЭКСА — Ваш мост в мир цифровых активов</title>
<script type="module" crossorigin src="/assets/index-CHC6dclK.js"></script> <script type="module" crossorigin src="/assets/index-CbGm-SmX.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DdoCSUef.css"> <link rel="stylesheet" crossorigin href="/assets/index-BbQ5Ok1h.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
src/app/providers/RouterProvider.tsx
View File

@@ -34,8 +34,8 @@ export function RouterProvider() {
<Route path={ROUTES.BRIDGE} element={<BridgePage />} /> <Route path={ROUTES.BRIDGE} element={<BridgePage />} />
<Route path={ROUTES.PROFILE} element={<ProfilePage />} /> <Route path={ROUTES.PROFILE} element={<ProfilePage />} />
<Route path={ROUTES.SEED_PHRASE} element={<SeedPhrasePage />} /> <Route path={ROUTES.SEED_PHRASE} element={<SeedPhrasePage />} />
</Route>
<Route path={ROUTES.KYC} element={<KycPage />} /> <Route path={ROUTES.KYC} element={<KycPage />} />
</Route>
</Routes> </Routes>
</BrowserRouter> </BrowserRouter>
) )

6
src/features/auth/hooks/useMe.ts
View File

@@ -1,13 +1,17 @@
import { useQuery } from '@tanstack/react-query' import { useQuery } from '@tanstack/react-query'
import type { UseQueryOptions } from '@tanstack/react-query'
import { getMe } from '../api/profileApi' import { getMe } from '../api/profileApi'
import type { MeResponse } from '../api/profileApi' import type { MeResponse } from '../api/profileApi'
export function useMe() { type MeOptions = Pick<UseQueryOptions<MeResponse>, 'refetchInterval' | 'enabled'>
export function useMe(options?: MeOptions) {
return useQuery<MeResponse>({ return useQuery<MeResponse>({
queryKey: ['me'], queryKey: ['me'],
queryFn: getMe, queryFn: getMe,
staleTime: Infinity, staleTime: Infinity,
gcTime: Infinity, gcTime: Infinity,
retry: false, retry: false,
...options,
}) })
} }

8
src/pages/kyc/ui/KycPage.tsx
View File

@@ -1,7 +1,15 @@
import { Navigate } from 'react-router-dom'
import { useMe } from '@features/auth'
import { ROUTES } from '@shared/config/routes'
import { KycWidget } from '@widgets/kyc-verification' import { KycWidget } from '@widgets/kyc-verification'
import styles from './KycPage.module.css' import styles from './KycPage.module.css'
export function KycPage() { export function KycPage() {
const { data, isLoading } = useMe()
if (isLoading) return null
if (data?.kyc_verified) return <Navigate to={ROUTES.PROFILE} replace />
return ( return (
<div className={styles.page}> <div className={styles.page}>
<KycWidget /> <KycWidget />

20
src/widgets/kyc-verification/ui/KycWidget.tsx
View File

@@ -1,4 +1,9 @@
import { useEffect } from 'react'
import { useNavigate } from 'react-router-dom'
import { useQueryClient } from '@tanstack/react-query'
import { PrimaryButton } from '@shared/ui' import { PrimaryButton } from '@shared/ui'
import { useMe } from '@features/auth'
import { ROUTES } from '@shared/config/routes'
import logo from '@shared/assets/logo-full-white.png' import logo from '@shared/assets/logo-full-white.png'
import { useKyc } from '../model/useKyc' import { useKyc } from '../model/useKyc'
import { KycModal } from './KycModal' import { KycModal } from './KycModal'
@@ -6,6 +11,19 @@ import styles from './KycWidget.module.css'
export function KycWidget() { export function KycWidget() {
const { trigger, data, isLoading, isError } = useKyc() const { trigger, data, isLoading, isError } = useKyc()
const navigate = useNavigate()
const queryClient = useQueryClient()
const { data: me } = useMe({ refetchInterval: data ? 5000 : false })
useEffect(() => {
if (me?.kyc_verified) {
navigate(ROUTES.SEED_PHRASE, { replace: true })
}
}, [me?.kyc_verified, navigate])
const handleClose = () => {
queryClient.invalidateQueries({ queryKey: ['me'] })
}
return ( return (
<> <>
@@ -53,7 +71,7 @@ export function KycWidget() {
)} )}
</div> </div>
{data && <KycModal data={data} onClose={() => window.location.reload()} />} {data && <KycModal data={data} onClose={handleClose} />}
</> </>
) )
} }

6
src/widgets/register-form/model/useRegisterForm.ts
View File

@@ -29,10 +29,10 @@ export function useRegisterForm() {
const completeMutation = useMutation({ const completeMutation = useMutation({
mutationFn: registrationComplete, mutationFn: registrationComplete,
onSuccess: ({ access_token }) => { onSuccess: async ({ access_token }) => {
clearCsrfCache() clearCsrfCache()
tokenStore.set(access_token) if (access_token) tokenStore.set(access_token)
queryClient.setQueryData(AUTH_QUERY_KEY, access_token) await queryClient.invalidateQueries({ queryKey: AUTH_QUERY_KEY })
navigate(ROUTES.WALLET) navigate(ROUTES.WALLET)
}, },
}) })

24
src/widgets/seed-phrase/ui/SeedPhraseWidget.module.css
View File

@@ -112,6 +112,30 @@
padding-top: 14px; padding-top: 14px;
} }
.profileLinkRow {
margin-top: 24px;
display: flex;
justify-content: center;
}
.profileLink {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--interactive);
text-decoration: none;
padding: 10px 20px;
border-radius: 10px;
border: 1px solid rgba(74, 109, 255, 0.4);
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.profileLink:hover {
background: rgba(74, 109, 255, 0.1);
border-color: rgba(74, 109, 255, 0.7);
box-shadow: 0 0 12px rgba(74, 109, 255, 0.2);
}
@media (max-width: 768px) { @media (max-width: 768px) {
.seedGrid { .seedGrid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);

8
src/widgets/seed-phrase/ui/SeedPhraseWidget.tsx
View File

@@ -1,4 +1,6 @@
import { Link } from 'react-router-dom'
import { Button } from '@shared/ui' import { Button } from '@shared/ui'
import { ROUTES } from '@shared/config/routes'
import { useSeedPhrase } from '../model/useSeedPhrase' import { useSeedPhrase } from '../model/useSeedPhrase'
import styles from './SeedPhraseWidget.module.css' import styles from './SeedPhraseWidget.module.css'
@@ -51,6 +53,12 @@ export function SeedPhraseWidget({ words }: Props) {
Никогда не передавайте сид-фразу третьим лицам. Тот, кто знает фразу — владеет кошельком. Никогда не передавайте сид-фразу третьим лицам. Тот, кто знает фразу — владеет кошельком.
</p> </p>
</div> </div>
<div className={styles.profileLinkRow}>
<Link to={ROUTES.PROFILE} className={styles.profileLink}>
Перейти в профиль
</Link>
</div>
</div> </div>
) )
} }