feat: add redirect to main page on login

src/app/App/model/AppModel.ts

@@ -21,7 +21,7 @@ class AppModel {
   private initPages(): Map<string, PageInterface> {
     const root = this.getHTML();
     const loginPage = new LoginPageModel(root, this.router);
-    const mainPage = new MainPageModel(root);
+    const mainPage = new MainPageModel(root, this.router);
     const registrationPage = new RegistrationPageModel(root, this.router);
     const notFoundPage = new NotFoundPageModel(root);
     const pages: Map<string, PageInterface> = new Map(

src/pages/LoginPage/view/loginPageView.module.scss

@@ -11,6 +11,7 @@
 .authWrapper {
   margin: 0 auto;
   border-bottom: 10px solid var(--steam-green-800);
+  border-radius: var(--medium-br);
   padding: calc(var(--extra-large-offset) / 2) var(--extra-large-offset);
   max-width: 500px;
   background-color: var(--white);

src/pages/MainPage/model/MainPageModel.ts

@@ -1,28 +1,41 @@
+import type RouterModel from '@/app/Router/model/RouterModel.ts';
 import type { PageInterface } from '@/shared/types/interfaces.ts';
 
 import EventMediatorModel from '@/shared/EventMediator/model/EventMediatorModel.ts';
+import observeStore, { selectCurrentUser } from '@/shared/Store/observer.ts';
 import { MEDIATOR_EVENTS, PAGES_IDS } from '@/shared/constants/enums.ts';
 
 import MainPageView from '../view/MainPageView.ts';
 
 class MainPageModel implements PageInterface {
   private eventMediator = EventMediatorModel.getInstance();
 
+  private router: RouterModel;
+
   private view: MainPageView;
 
-  constructor(parent: HTMLDivElement) {
+  constructor(parent: HTMLDivElement, router: RouterModel) {
+    this.router = router;
     this.view = new MainPageView(parent);
     this.init();
   }
 
   private init(): void {
     this.subscribeToEventMediator();
+    this.subscribeToStore();
   }
 
   private subscribeToEventMediator(): void {
     this.eventMediator.subscribe(MEDIATOR_EVENTS.CHANGE_PAGE, (route) => this.switchPageVisibility(route));
   }
 
+  private subscribeToStore(): boolean {
+    observeStore(selectCurrentUser, () => {
+      this.router.navigateTo(PAGES_IDS.MAIN_PAGE);
+    });
+    return true;
+  }
+
   private switchPageVisibility(route: unknown): boolean {
     if (route === PAGES_IDS.MAIN_PAGE || route === PAGES_IDS.DEFAULT_PAGE) {
       this.view.show();

src/shared/Store/observer.ts

@@ -1,23 +1,23 @@
-import type { Action, State } from './reducer.ts';
-import type { ReduxStore } from './types';
+import type { UserInterface } from '../types/interfaces.ts';
+import type { State } from './reducer.ts';
 
-function observeStore<T>(
-  store: ReduxStore<State, Action>,
-  select: (state: State) => T,
-  onChange: (selectedState: T) => void,
-): VoidFunction {
-  let currentState = select(store.getState());
+import getStore from './Store.ts';
+
+function observeStore<T>(select: (state: State) => T, onChange: (selectedState: T) => void): VoidFunction {
+  let currentState = select(getStore().getState());
 
   function handleChange(): void {
-    const nextState = select(store.getState());
+    const nextState = select(getStore().getState());
     if (nextState !== currentState) {
       currentState = nextState;
       onChange(currentState);
     }
   }
 
-  const unsubscribe = store.subscribe(handleChange);
+  const unsubscribe = getStore().subscribe(handleChange);
   return unsubscribe;
 }
 
+export const selectCurrentUser = (state: State): UserInterface | null => state.currentUser;
+
 export default observeStore;

src/shared/constants/enums.ts

@@ -673,3 +673,17 @@ export const COUNTRIES: Record<string, string> = {
   Zambia: 'ZM',
   Zimbabwe: 'ZW',
 } as const;
+
+const ERROR_MESSAGE_ANIMATE_PARAMS = [
+  { transform: 'translateX(110%)' },
+  { transform: 'translateX(-10%)' },
+  { transform: 'translateX(-10%)' },
+  { opacity: 1, transform: 'translateX(-10%)' },
+  { opacity: 0, transform: 'translate(-10%, -110%)' },
+];
+
+export const ERROR_MESSAGE_ANIMATE_DETAILS = {
+  duration: 5500,
+  easing: 'cubic-bezier(0, 0.2, 0.58, 0.7)',
+  params: ERROR_MESSAGE_ANIMATE_PARAMS,
+};