Add account and articles updater

This commit is contained in:
Виталий Лавшонок
2025-11-05 11:43:18 +03:00
parent aeab03d35c
commit c6303758e1
22 changed files with 581 additions and 124 deletions

View File

@@ -1,33 +1,47 @@
import { Route, Routes } from 'react-router-dom';
import { Navigate, Route, Routes } from 'react-router-dom';
import AccountMenu from './AccoutMenu';
import RightPanel from './RightPanel';
import MissionsBlock from './MissionsBlock';
import ContestsBlock from './ContestsBlock';
import ArticlesBlock from './ArticlesBlock';
import { useAppDispatch } from '../../../redux/hooks';
import { useEffect } from 'react';
import { setMenuActivePage } from '../../../redux/slices/store';
const Account = () => {
const dispatch = useAppDispatch();
useEffect(() => {
dispatch(setMenuActivePage('account'));
}, []);
return (
<div className="h-full w-[calc(100%+250px)] box-border grid grid-cols-[1fr,520px] relative">
<div className="h-full w-[calc(100%+250px)] box-border grid grid-cols-[1fr,520px] relative divide-x-[1px] divide-liquid-lighter">
<div className=" h-full min-h-0 flex flex-col">
<div className=" h-full grid grid-rows-[80px,1fr] ">
<div className="">
<div className=" h-full grid grid-rows-[80px,1fr] ">
<div className="h-full w-full">
<AccountMenu />
</div>
<div className="h-full min-h-0 overflow-y-scroll medium-scrollbar flex flex-col gap-[20px] ">
<Routes>
<Route
path="/home/account/missions"
path="missions"
element={<MissionsBlock />}
/>
<Route
path="/home/account/articles"
path="articles"
element={<ArticlesBlock />}
/>
<Route
path="/home/account/contests"
path="contests"
element={<ContestsBlock />}
/>
<Route path="*" element={<MissionsBlock />} />
<Route
path="*"
element={
<Navigate to="/home/account/missions" />
}
/>
</Routes>
</div>
</div>