fix some bugs

src/pages/digitalId/ProfileId.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { registrationStore } from "../../store/store";
+import { store } from "../../store/store";
 import Sidebar from '../../partials/Sidebar';
 import { observer } from 'mobx-react-lite';
 import Header from '../../partials/Header';
@@ -78,7 +78,7 @@ const Profile = observer (() => {
 
   const handleSelectedItems = (selectedItems) => {
     setSelectedItems([...selectedItems]);
-    setUpdatedValues(registrationStore.decryptedAccountData.filter(({ key }) => selectedItems.includes(key))
+    setUpdatedValues(store.decryptedAccountData.filter(({ key }) => selectedItems.includes(key))
       .map(elem => (
         (!elem.seed) ? {
         ...elem,
@@ -106,7 +106,7 @@ const Profile = observer (() => {
   };
 
   const sendAddedData = () => {
-    const checkingAddedData = !registrationStore.decryptedAccountData
+    const checkingAddedData = !store.decryptedAccountData
       .some((element) => element.label === addedValues.label) && (addedValues.seed.length === 20);
     if (checkingAddedData) {
       setAddPanelOpen(false);
@@ -124,13 +124,13 @@ const Profile = observer (() => {
   };
 
   const deleteDataParameters = () => {
-    const changeData = registrationStore.decryptedAccountData.filter(item=>!selectedItems.includes(item.key))
-    registrationStore.pushAccountData(changeData);
+    const changeData = store.decryptedAccountData.filter(item=>!selectedItems.includes(item.key))
+    store.pushAccountData(changeData);
   };
 
   const changeInitialArray = () => {
     let newArr = [];
-    registrationStore.decryptedAccountData.map(elem => {
+    store.decryptedAccountData.map(elem => {
       updatedValues.forEach(item => {
         if (elem.label === item.label) {
           newArr.push({
@@ -149,12 +149,12 @@ const Profile = observer (() => {
 
   const changeDataParameters = () => {
     const updatedData = changeInitialArray();
-    registrationStore.pushAccountData(updatedData);
+    store.pushAccountData(updatedData);
   };
 
   const addDataParameters = () => {
     addedValues.key = addedValues.label.toLowerCase().split(' ').join('');
-    registrationStore.pushAccountData(registrationStore.decryptedAccountData.concat(addedValues));
+    store.pushAccountData(store.decryptedAccountData.concat(addedValues));
   };
 
   const cancelAddPanel = () => {
@@ -164,7 +164,7 @@ const Profile = observer (() => {
   };
 
   const cancelUpdatePanel = () => {
-    setUpdatedValues(registrationStore.decryptedAccountData.filter(({ key }) => selectedItems.includes(key))
+    setUpdatedValues(store.decryptedAccountData.filter(({ key }) => selectedItems.includes(key))
       .map(elem => (
         (!elem.seed) ? {
         ...elem,
@@ -235,7 +235,7 @@ const Profile = observer (() => {
                 </div>
                 {/* Table */}
                 <div className='w-[828px]'>
-                  <ProfileTable isCheck={isCheck} handleClick={handleClick} userData={registrationStore.decryptedAccountData}/>
+                  <ProfileTable isCheck={isCheck} handleClick={handleClick} userData={store.decryptedAccountData}/>
                 </div>
               </div>
               {/* Left sidebar */}
@@ -407,7 +407,7 @@ const Profile = observer (() => {
                   <div className={`${!removePanelOpen && 'hidden'} bg-white px-5 pt-4 pb-[190px] shadow-lg rounded-sm border border-slate-200 lg:w-72 xl:w-80 mb-12`}>
                     <h2 className="grow text-base font-semibold text-slate-800 truncate mb-2">Summary</h2>
                     <div className="flex flex-col">
-                      {registrationStore.decryptedAccountData.filter(({ key }) => selectedItems.includes(key)).map(item => (
+                      {store.decryptedAccountData.filter(({ key }) => selectedItems.includes(key)).map(item => (
                         <span key={item.label} className="text-sm font-normal text-slate-600 py-3 border-b border-slate-200">{item.label}</span>
                       ))}
                     </div>

src/pages/digitalId/Validate.jsx

@@ -6,7 +6,7 @@ import ValidateTable from "../../partials/validate/ValidateTable";
 import ValidatePanel from "../../partials/validate/ValidatePanel";
 import ValidateRoadMap from "../../partials/validationLog/ValidateRoadMap";
 import {Link} from "react-router-dom";
-import {registrationStore} from "../../store/store";
+import {store} from "../../store/store";
 
 const Validate = observer(() => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
@@ -57,7 +57,7 @@ const Validate = observer(() => {
               <div className="pb-8 border-b border-zinc-200 mt-[50px]">
                 <h1 className="text-2xl md:text-3xl text-slate-800 font-bold">Digital ID validation log ✨</h1>
               </div>
-              {registrationStore.transactionsInfo.map(item => {
+              {store.transactionsInfo.map(item => {
                 return <ValidateRoadMap season={item} key={item.id}/>
               })}
             </div>

src/pages/digitalId/ValidationLog.jsx

@@ -3,7 +3,7 @@ import ValidateRoadMap from "../../partials/validationLog/ValidateRoadMap";
 import {observer} from "mobx-react-lite";
 import Sidebar from '../../partials/Sidebar';
 import Header from '../../partials/Header';
-import {registrationStore} from "../../store/store";
+import {store} from "../../store/store";
 
 const ValidationLog = observer(() => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
@@ -27,7 +27,7 @@ const ValidationLog = observer(() => {
               <div className="max-w-3xl m-auto mt-6">
                 <div className="xl:-translate-x-16 max-w-fit">
                   {/* PostsID */}
-                  {registrationStore.transactionsInfo.map(item => {
+                  {store.transactionsInfo.map(item => {
                     return <ValidateRoadMap season={item} key={item.id}/>
                   })}
                 </div>

src/pages/digitalId/Verify.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import Sidebar from '../../partials/Sidebar';
 import Header from '../../partials/Header';
-import {registrationStore} from "../../store/store";
+import {store} from "../../store/store";
 import { observer } from 'mobx-react-lite';
 
 const Verify = observer(() => {
@@ -42,7 +42,7 @@ const Verify = observer(() => {
             </div>
             {/* Block */}
             <div className="flex flex-col gap-y-4">
-              {registrationStore.sharedData.map((item, index) => (
+              {store.sharedData.map((item, index) => (
                 <div key={index} className="w-[1095px] pl-5 pr-[13px] pb-8 bg-white border border-slate-200 rounded shadow-[0_4px_6px_-1px_rgba(5,23,42,0.08)]">
                   {/* Header */}
                   <div className="flex justify-end items-center h-[42px]">