https://jira.epam.com/jira/browse/EPMUII-8315 - in progress

src/engine/lib/services/LocalStorageService.ts

@@ -1,5 +1,6 @@
 export class MRILocalStorageService {
   RECENT_FILES_KEY: string = 'recentFiles';
+  VIEW_MODE_KEY: string = 'viewMode';
 
   constructor() {
     this.saveRecentFiles = this.saveRecentFiles.bind(this);
@@ -22,6 +23,14 @@ export class MRILocalStorageService {
     this.localStorage.setItem(key, JSON.stringify(data));
   }
 
+  saveViewMode(viewMode: string): void {
+    this.setData(this.VIEW_MODE_KEY, viewMode);
+  }
+
+  getViewMode(): string {
+    return this.getData(this.VIEW_MODE_KEY) || '';
+  }
+
   saveRecentFiles(fileName: string): void {
     const recentFiles = this.getData(this.RECENT_FILES_KEY);
     const limitedRecentFiles = recentFiles.slice(0, 2);

src/ui/LeftToolbar/ModeSwitcherToolbar.jsx

@@ -2,14 +2,15 @@
  * Copyright 2022 EPAM Systems, Inc. (https://www.epam.com/)
  * SPDX-License-Identifier: Apache-2.0
  */
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { UIButton } from '../Button/Button';
 import { Container } from '../Layout/Container';
 import { useDispatch, useSelector } from 'react-redux';
 import StoreActionType from '../../store/ActionTypes';
 import ViewMode from '../../store/ViewMode';
 import { useNeedShow3d } from '../../utils/useNeedShow3d';
+import { mriLocalStorageService } from '../../engine/lib/services';
 
 export function ModeSwitcherToolbar() {
   const dispatch = useDispatch();
@@ -19,8 +20,16 @@ export function ModeSwitcherToolbar() {
 
   const setMode = (indexMode) => {
     dispatch({ type: StoreActionType.SET_MODE_VIEW, viewMode: indexMode });
+    mriLocalStorageService.saveViewMode(indexMode);
   };
 
+  useEffect(() => {
+    const savedMode = mriLocalStorageService.getViewMode();
+    if (savedMode) {
+      setMode(savedMode);
+    }
+  }, []);
+
   const set2dMode = () => {
     setMode(ViewMode.VIEW_2D);
   };