diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index e27167f..f669630 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -6,6 +6,8 @@ import { useEffect, useState } from 'react';
 import { initialCards } from 'src/services/mock';
 import { useAppDispatch, useAppSelector } from 'src/store/hooks';
 import Registration from 'src/pages/Registration/Registration';
+import { allowDrop, handleDragStart, handleDrop } from 'src/services/dragAndDrop';
+import { selectMembers } from 'src/store/features/slice/membersSlice';
 import {
   membersProps,
   RegisterDataProps,
@@ -15,8 +17,7 @@ import {
   selectUsers,
   setLoggedIn,
 } from 'src/store/features/slice/userSlice';
-import { allowDrop, handleDragStart, handleDrop } from 'src/services/dragAndDrop';
-import { selectMembers } from 'src/store/features/slice/membersSlice';
+
 
 export default function App() {
   let { loggedIn } = useAppSelector(selectUsers);
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 7b55add..a29194e 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -10,7 +10,7 @@ import {
   selectMembers,
   setIsFilterOpen,
 } from 'src/store/features/slice/membersSlice';
-import { DroppedCard, membersProps } from 'src/services/types';
+import { membersProps } from 'src/services/types';
 import { selectUsers } from 'src/store/features/slice/userSlice';
 const cx = cn.bind(styles);
 
diff --git a/src/components/SideBar/SideBar.tsx b/src/components/SideBar/SideBar.tsx
index 19ee57d..fc31a9a 100644
--- a/src/components/SideBar/SideBar.tsx
+++ b/src/components/SideBar/SideBar.tsx
@@ -16,11 +16,14 @@ import {
   UpOutlined,
   UserOutlined,
 } from '@ant-design/icons';
+import { useAppDispatch, useAppSelector } from 'src/store/hooks';
+import { selectMembers, setShortWindow } from 'src/store/features/slice/membersSlice';
 
 const cx = cn.bind(styles);
 
 export default function SideBar() {
-  const [shortWindow, setShortWindow] = useState(false);
+  let { shortWindow } = useAppSelector(selectMembers);
+  const dispatch = useAppDispatch();
   const [showMore, setShorMore] = useState(true);
   const location = useLocation();
 
@@ -142,7 +145,7 @@ export default function SideBar() {
         className={cx(styles.sideBarButton, {
           [styles.sideBarButton_short]: shortWindow,
         })}
-        onClick={() => setShortWindow(!shortWindow)}
+        onClick={() => dispatch(setShortWindow(!shortWindow))}
       >
         Скрыть
         {shortWindow ? <RightOutlined /> : <LeftOutlined />}
diff --git a/src/pages/Employees/Employees.module.scss b/src/pages/Employees/Employees.module.scss
index b2bbe75..d839dea 100644
--- a/src/pages/Employees/Employees.module.scss
+++ b/src/pages/Employees/Employees.module.scss
@@ -20,6 +20,9 @@
   flex-wrap: wrap;
   gap: 24px;
   padding-top: 32px;
+  &_center {
+    justify-content: center;
+  }
 }
 
 .pagesContainer {
@@ -52,4 +55,8 @@
       cursor: not-allowed;
     }
   }
+}
+
+.marginLeft {
+  margin-left: 110px;
 }
\ No newline at end of file
diff --git a/src/pages/Employees/Employees.tsx b/src/pages/Employees/Employees.tsx
index 425ece6..c1d94bb 100644
--- a/src/pages/Employees/Employees.tsx
+++ b/src/pages/Employees/Employees.tsx
@@ -14,9 +14,10 @@ import {
 import cn from 'classnames/bind';
 import { itemsPerPage } from 'src/services/const';
 
-const cx = cn.bind(styles);
-
 export default function Employees() {
+  let { shortWindow } = useAppSelector(selectMembers);
+  const cx = cn.bind(styles);
+
   const location = useLocation();
   const dispatch = useAppDispatch();
   const { members, membersAmount, currentPage } = useAppSelector(selectMembers);
@@ -50,8 +51,16 @@ export default function Employees() {
 
   return (
     <div className={styles.employees}>
-      <p className={styles.title}>Всего {membersAmount} сотрудников</p>
-      <div className={styles.headerContainer}>
+      <p
+        className={cx(styles.title, {
+          [styles.marginLeft]: shortWindow,
+        })}
+      >
+        Всего {membersAmount} сотрудников
+      </p>
+      <div className={cx(styles.headerContainer, {
+          [styles.marginLeft]: shortWindow,
+        })}>
         <FilterList
           employesRout={employesRout}
           teams='ФИО'
@@ -80,7 +89,11 @@ export default function Employees() {
           </div>
         </div>
       </div>
-      <div className={styles.cardContainer}>
+      <div
+        className={cx(styles.cardContainer, {
+          [styles.cardContainer_center]: shortWindow,
+        })}
+      >
         {members.map((card, index) => (
           <Card
             id={card.id}
diff --git a/src/pages/Profile/Profile.module.scss b/src/pages/Profile/Profile.module.scss
index 881ec0a..5791c48 100644
--- a/src/pages/Profile/Profile.module.scss
+++ b/src/pages/Profile/Profile.module.scss
@@ -12,6 +12,7 @@
   gap: 44px;
   position: relative;
   padding: 24px;
+  max-height: 521px;
 }
 
 .photoContainer {
@@ -33,6 +34,12 @@
   list-style: none;
   gap: 48px;
   padding: 24px;
+  max-height: 290px;
+  height: 100%;
+  &_row {
+    flex-direction: column;
+    max-height: 846px;
+  }
 }
 
 .containerButtons {
@@ -44,11 +51,28 @@
 }
 
 .containerInfo {
-
+  @include flex-column-center;
+  align-items: flex-start;
+  gap: 40px;
+  &_column {
+    flex-direction: row;
+  }
 }
 
 .eventsContainer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 40px 60px;
+}
 
+.itemContainer {
+  @include flex-column-center;
+  align-items: flex-start;
+  border: $border-white;
+  border-radius: 8px;
+  padding: 24px;
+  width: 345px;
+  gap: 16px;
 }
 
 .button {
@@ -63,18 +87,22 @@
 .photo {
   width: 150px;
   height: 150px;
-  border: $border-white;
+  border-radius: $border-white;
   border: none;
+  object-fit: cover
+
 }
 
 .name {
   @include mp-null;
   @include use-font(24px, 28.8px);
+  text-align: center;
 }
 
 .text {
   @include mp-null;
   @include use-font(20px, 24px);
+  text-align: center;
   &_bold {
     color: $main-text-grey;
   }
@@ -83,6 +111,7 @@
 .textInfo {
   @include mp-null;
   @include use-font(14px, 16.8px, 400);
+  margin-right: auto;
   &_bold {
     font-weight: 500;
   }
@@ -91,6 +120,7 @@
 .item {
   @include flex-column-center;
   justify-content: space-between;
+  height: 242px;
   gap: 24px;
 }
 
@@ -100,4 +130,27 @@
   object-fit: contain;
   margin-top: auto;
   align-self: flex-end;
-}
\ No newline at end of file
+}
+
+.itemContainerTitle {
+  @include mp-null;
+  @include use-font(16px, 19.2px, 500);
+}
+
+.itemContainerList {
+  @include mp-null;
+  @include flex-column-center;
+  align-items: flex-start;
+  list-style: none;
+  gap: 12px;
+}
+
+.itemContainerItem {
+  @include mp-null;
+  @include use-font(14px, 16.8px, 400);
+}
+
+.colorBlue {
+  color: $button-hover;
+  cursor: pointer;
+}
diff --git a/src/pages/Profile/Profile.tsx b/src/pages/Profile/Profile.tsx
index 2ec7908..7797f1c 100644
--- a/src/pages/Profile/Profile.tsx
+++ b/src/pages/Profile/Profile.tsx
@@ -1,46 +1,73 @@
 import { DeleteOutlined, EditOutlined } from '@ant-design/icons';
 import styles from 'src/pages/Profile/Profile.module.scss';
-import Photo from 'src/assets/images/Avatar.png';
 import {
   CHARTS_DATA,
   EVENTS_DATA,
-  INFO_DATA,
-  PROFILE_DATA,
+  PROJECT_DATA,
 } from 'src/services/mock';
+import { useAppDispatch, useAppSelector } from 'src/store/hooks';
+import { selectMembers } from 'src/store/features/slice/membersSlice';
+import cn from 'classnames/bind';
+import {
+  fetchGetProfile,
+  selectUsers,
+} from 'src/store/features/slice/userSlice';
+import { useEffect } from 'react';
+import { BASE_URL } from 'src/store/api';
 
 export default function Profile() {
+  let { shortWindow } = useAppSelector(selectMembers);
+  let { profile } = useAppSelector(selectUsers);
+  console.log('profile: ', profile);
+  const dispatch = useAppDispatch();
+
+  useEffect(() => {
+    dispatch(fetchGetProfile());
+  }, [dispatch]);
+
+  const cx = cn.bind(styles);
+
   return (
     <div className={styles.profile}>
       <div className={styles.containerProfile}>
         <div className={styles.photoContainer}>
-          <img src={Photo} alt='ваше фото' className={styles.photo} />
+          <img
+            src={`${BASE_URL}${profile?.image}`}
+            alt='ваше фото'
+            className={styles.photo}
+          />
           <div className={styles.containerText}>
-            <p className={styles.name}>Карпов Сергей</p>
-            {PROFILE_DATA.map((item, index) => (
-              <p key={index} className={`${styles.text} ${styles.text_bold}`}>
-                {item}
-              </p>
-            ))}
-          </div>
+            <p className={styles.name}>{profile?.full_name}</p>
+            <p className={`${styles.text} ${styles.text_bold}`}>
+              {profile?.profile.position}
+            </p>
+           </div>
         </div>
         <div className={styles.containerText}>
           <p className={`${styles.textInfo} ${styles.textInfo_bold}`}>
-            Дата рождения 12.12.1987
+            Дата рождения {profile?.profile.birthday}
+          </p>
+          <p className={styles.textInfo}>Тел. {profile?.profile.phone}</p>
+          <p className={styles.textInfo}>{profile?.email}</p>
+          <p className={styles.textInfo}>
+            Местонахождение: Санкт-Петербург GMT+3
           </p>
-
-          {INFO_DATA.map((item, index) => (
-            <p key={index} className={styles.textInfo}>
-              {item}
-            </p>
-          ))}
         </div>
         <div className={styles.containerButtons}>
           <EditOutlined className={styles.button} />
           <DeleteOutlined className={styles.button} />
         </div>
       </div>
-      <div className={styles.containerInfo}>
-        <ul className={styles.containerCharts}>
+      <div
+        className={cx(styles.containerInfo, {
+          [styles.containerInfo_column]: !shortWindow,
+        })}
+      >
+        <ul
+          className={cx(styles.containerCharts, {
+            [styles.containerCharts_row]: !shortWindow,
+          })}
+        >
           {CHARTS_DATA.map((item, index) => (
             <li className={styles.item} key={index}>
               <p className={styles.text}>{item.text}</p>
@@ -52,18 +79,41 @@ export default function Profile() {
             </li>
           ))}
         </ul>
+        {/* <div> */}
         <div className={styles.eventsContainer}>
-      {EVENTS_DATA.map((cont, index) => (
-        <div className="item" key={index}>
-          <h3>{cont.title}</h3>
-          <ul>
-            {cont.items.map((item, idx) => (
-              <li key={idx}>{item}</li>
-            ))}
-          </ul>
-          <a href="#">{cont.link}</a>
-        </div>
-      ))}
+          {EVENTS_DATA.map((cont, index) => (
+            <div className={styles.itemContainer} key={index}>
+              <h3 className={styles.itemContainerTitle}>{cont.title}</h3>
+              <ul className={styles.itemContainerList}>
+                {cont.items.map((item, idx) => (
+                  <li className={styles.itemContainerItem} key={idx}>
+                    {item}
+                  </li>
+                ))}
+              </ul>
+              <a
+                className={`${styles.itemContainerItem} ${styles.colorBlue}`}
+                href='#'
+              >
+                {cont.link}
+              </a>
+            </div>
+          ))}
+          {PROJECT_DATA.map((cont, index) => (
+            <div className={styles.itemContainer} key={index}>
+              <h3 className={styles.itemContainerTitle}>{cont.title}</h3>
+              <ul className={styles.itemContainerList}>
+                {cont.items.map((item, idx) => (
+                  <li
+                    className={`${styles.itemContainerItem} ${styles.colorBlue}`}
+                    key={idx}
+                  >
+                    {item}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
         </div>
       </div>
     </div>
diff --git a/src/services/mock.ts b/src/services/mock.ts
index 1bdabae..733e6e7 100644
--- a/src/services/mock.ts
+++ b/src/services/mock.ts
@@ -13,18 +13,6 @@ export const CHARTS_DATA = [
   }
 ]
 
-export const PROFILE_DATA = [
-  'UX/UI дизайнер',
-  'Text',
-  'дизайн',
-]
-
-export const INFO_DATA = [
-  'Тел. +7 (919) 891-54-25',
-  'E-mail: vanyavanya@mailru',
-  'Местонахождение: Санкт-Петербург GMT+3',
-]
-
 export const EVENTS_DATA = [
   {
     title: 'Обучения',
@@ -39,13 +27,15 @@ export const EVENTS_DATA = [
     items: ['4 за последний год'],
     link: 'Подробнее',
   },
+]
+
+export const PROJECT_DATA = [
   {
     title: 'Участие в текущих проектах',
     items: [
       'Мегапроект «Ямал»',
       'Ковыктинское месторождение',
     ],
-    link: 'Подробнее',
   },
 ]
 
diff --git a/src/services/types.ts b/src/services/types.ts
index 4937f6f..b3fa5be 100644
--- a/src/services/types.ts
+++ b/src/services/types.ts
@@ -49,3 +49,18 @@ export interface DroppedCard {
   id: string;
   cellId: string;
 }
+
+export interface ProfileProps {
+  email: string;
+  full_name: string;
+  image: string;
+  profile: {
+      phone: string | null;
+      telegram: string | null;
+      bio: string;
+      position: string;
+      birthday: string | null;
+      time_zone: number;
+  };
+  projects: any[];
+}
\ No newline at end of file
diff --git a/src/services/utils.tsx b/src/services/utils.tsx
index 433ece4..7f651e7 100644
--- a/src/services/utils.tsx
+++ b/src/services/utils.tsx
@@ -1,128 +1,128 @@
-export const BASE_URL = 'https://gazprom.hopto.org/api'
-
-const getResponseData = (res: Response) => {
-  if (!res.ok) {
-    return Promise.reject(`Ошибка: ${res.status}`)
-  }
-  return res.json()
-}
-
-// const headers = {
-//   // authorization: `Bearer ${TOKEN}`,
-//   Accept: 'application/json',
-//   'Content-Type': 'application/json',
-// }
-
-// export const registration = ({email, password}: RegisterDataProps) => {
-//   return fetch(`${BASE_URL}/token/`, {
-//     method: 'POST',
-//     headers: {
-//       Accept: 'application/json',
-//       'Content-Type': 'application/json',
-//     },
-//     body: JSON.stringify({
-//       email,
-//       password,
-//     }),
-//   }).then(getResponseData)
-// }
-
-export const getMembers = () => {
-  const TOKEN = localStorage.getItem('token');
-  const headers = {
-    authorization: `Bearer ${TOKEN}`,
-    Accept: 'application/json',
-    'Content-Type': 'application/json',
-  };
-  return fetch(`${BASE_URL}/v1/members/`, {
-    method: 'GET',
-    headers,
-  }).then(getResponseData);
-};
-
-// export const getTeams = () => {
-//   return fetch(`${BASE_URL}/members/`, {
-//     method: 'GET',
-//     headers,
-//   }).then(getResponseData);
-// };
+// // export const BASE_URL = 'https://gazprom.hopto.org/api'
 
-// export const getCategoryValue = (value) => {
-//   return fetch(`${BASE_URL}/api/?category=${value}`, {
-//     method: 'GET',
-//   }).then(getResponseData);
-// };
-
-
-
-
-// export const sendSmsPhone = ({ phone_number }) => {
-//   return fetch(`${BASE_URL}/api/users/send_sms/`, {
-//     method: 'POST',
-//     headers: {
-//       Accept: 'application/json',
-//       'Content-Type': 'application/json',
-//     },
-//     body: JSON.stringify({
-//       phone_number,
-//     }),
-//   }).then(getResponseData)
+// const getResponseData = (res: Response) => {
+//   if (!res.ok) {
+//     return Promise.reject(`Ошибка: ${res.status}`)
+//   }
+//   return res.json()
 // }
 
-// export const confirmRegistration = ({ phone_number, sms_code }) => {
-//   return fetch(`${BASE_URL}/api/users/confirm_phone/`, {
-//     method: 'POST',
-//     headers: {
-//       Accept: 'application/json',
-//       'Content-Type': 'application/json',
-//     },
-//     body: JSON.stringify({
-//       phone_number,
-//       sms_code,
-//     }),
-//   }).then(getResponseData)
-// }
-
-// export const login = ({ username, password }) => {
-//   return fetch(`${BASE_URL}/api/users/login/`, {
-//     method: 'POST',
-//     headers: {
-//       Accept: 'application/json',
-//       'Content-Type': 'application/json',
-//     },
-//     body: JSON.stringify({
-//       username,
-//       password,
-//     }),
-//   })
-//   .then(getResponseData)
-// }
-
-// export const logout = () => {
+// // const headers = {
+// //   // authorization: `Bearer ${TOKEN}`,
+// //   Accept: 'application/json',
+// //   'Content-Type': 'application/json',
+// // }
+
+// // export const registration = ({email, password}: RegisterDataProps) => {
+// //   return fetch(`${BASE_URL}/token/`, {
+// //     method: 'POST',
+// //     headers: {
+// //       Accept: 'application/json',
+// //       'Content-Type': 'application/json',
+// //     },
+// //     body: JSON.stringify({
+// //       email,
+// //       password,
+// //     }),
+// //   }).then(getResponseData)
+// // }
+
+// export const getMembers = () => {
 //   const TOKEN = localStorage.getItem('token');
 //   const headers = {
 //     authorization: `Bearer ${TOKEN}`,
 //     Accept: 'application/json',
 //     'Content-Type': 'application/json',
 //   };
-//   return fetch(`${BASE_URL}/api/users/logout/`, {
-//     method: 'POST',
-//     headers,
-//   })
-//   .then(getResponseData)
-// }
-// console.log('headers: ', headers);
-
-// export const getProfile = () => {
-//   const TOKEN = localStorage.getItem('token');
-//   const headers = {
-//     authorization: `Bearer ${TOKEN}`,
-//     Accept: 'application/json',
-//     'Content-Type': 'application/json',
-//   };  return fetch(`${BASE_URL}/api/users/me/`, {
+//   return fetch(`${BASE_URL}/v1/members/`, {
 //     method: 'GET',
 //     headers,
-//   }).then(getResponseData)
-// }
+//   }).then(getResponseData);
+// };
+
+// // export const getTeams = () => {
+// //   return fetch(`${BASE_URL}/members/`, {
+// //     method: 'GET',
+// //     headers,
+// //   }).then(getResponseData);
+// // };
+
+// // export const getCategoryValue = (value) => {
+// //   return fetch(`${BASE_URL}/api/?category=${value}`, {
+// //     method: 'GET',
+// //   }).then(getResponseData);
+// // };
+
+
+
+
+// // export const sendSmsPhone = ({ phone_number }) => {
+// //   return fetch(`${BASE_URL}/api/users/send_sms/`, {
+// //     method: 'POST',
+// //     headers: {
+// //       Accept: 'application/json',
+// //       'Content-Type': 'application/json',
+// //     },
+// //     body: JSON.stringify({
+// //       phone_number,
+// //     }),
+// //   }).then(getResponseData)
+// // }
+
+// // export const confirmRegistration = ({ phone_number, sms_code }) => {
+// //   return fetch(`${BASE_URL}/api/users/confirm_phone/`, {
+// //     method: 'POST',
+// //     headers: {
+// //       Accept: 'application/json',
+// //       'Content-Type': 'application/json',
+// //     },
+// //     body: JSON.stringify({
+// //       phone_number,
+// //       sms_code,
+// //     }),
+// //   }).then(getResponseData)
+// // }
+
+// // export const login = ({ username, password }) => {
+// //   return fetch(`${BASE_URL}/api/users/login/`, {
+// //     method: 'POST',
+// //     headers: {
+// //       Accept: 'application/json',
+// //       'Content-Type': 'application/json',
+// //     },
+// //     body: JSON.stringify({
+// //       username,
+// //       password,
+// //     }),
+// //   })
+// //   .then(getResponseData)
+// // }
+
+// // export const logout = () => {
+// //   const TOKEN = localStorage.getItem('token');
+// //   const headers = {
+// //     authorization: `Bearer ${TOKEN}`,
+// //     Accept: 'application/json',
+// //     'Content-Type': 'application/json',
+// //   };
+// //   return fetch(`${BASE_URL}/api/users/logout/`, {
+// //     method: 'POST',
+// //     headers,
+// //   })
+// //   .then(getResponseData)
+// // }
+// // console.log('headers: ', headers);
+
+// // export const getProfile = () => {
+// //   const TOKEN = localStorage.getItem('token');
+// //   const headers = {
+// //     authorization: `Bearer ${TOKEN}`,
+// //     Accept: 'application/json',
+// //     'Content-Type': 'application/json',
+// //   };  return fetch(`${BASE_URL}/api/users/me/`, {
+// //     method: 'GET',
+// //     headers,
+// //   }).then(getResponseData)
+// // }
 
 
diff --git a/src/store/api.ts b/src/store/api.ts
index b1aca19..f8984ed 100644
--- a/src/store/api.ts
+++ b/src/store/api.ts
@@ -1,4 +1,4 @@
-export const BASE_URL = 'https://gazprom.hopto.org/api';
+export const BASE_URL = 'https://gazprom.hopto.org';
 import { RegisterDataProps } from 'src/services/types';
 const TOKEN = localStorage.getItem('token');
 const headers = {
@@ -37,13 +37,21 @@ export const registration = async ({ email, password }: RegisterDataProps) => {
   return await request('/token/', options);
 };
 
+export const getProfile = async () => {
+  const options: RequestOptionsType = {
+    method: 'GET',
+    headers,
+  };
+  const response = await request('/api/v1/users/me/', options);
+  return response
+};
+
 export const getMembersAmount = async () => {
   const options: RequestOptionsType = {
     method: 'GET',
     headers,
   };
-  // return await request(`/v1/members/`, options);
-  const response = await request('/v1/members/', options);
+  const response = await request('/api/v1/members/', options);
   return response
 };
 
@@ -52,5 +60,5 @@ export const getMembers = async (page: number) => {
     method: 'GET',
     headers,
   };
-  return await request(`/v1/members/?page=${page}`, options);
+  return await request(`/api/v1/members/?page=${page}`, options);
 };
diff --git a/src/store/features/slice/membersSlice.ts b/src/store/features/slice/membersSlice.ts
index 4ea7bc5..e526d07 100644
--- a/src/store/features/slice/membersSlice.ts
+++ b/src/store/features/slice/membersSlice.ts
@@ -10,6 +10,7 @@ export interface StateType {
   isFilterOpen: boolean;
   currentPage: number;
   membersAmount: number;
+  shortWindow: boolean;
 }
 
 const initialState: StateType = {
@@ -19,6 +20,7 @@ const initialState: StateType = {
   isFilterOpen: false,
   currentPage: 1,
   membersAmount: 0,
+  shortWindow: false,
 };
 
 export const fetchGetMembersAmount = createAsyncThunk(
@@ -47,6 +49,9 @@ const membersSlice = createSlice({
     setCurrentPage(state, action) {
       state.currentPage = action.payload;
     },
+    setShortWindow(state, action) {
+      state.shortWindow = action.payload;
+    },
   },
   extraReducers: (builder) => {
     builder
@@ -77,6 +82,6 @@ const membersSlice = createSlice({
   },
 });
 
-export const { setIsFilterOpen, setCurrentPage } = membersSlice.actions;
+export const { setIsFilterOpen, setCurrentPage, setShortWindow } = membersSlice.actions;
 export const membersReducer = membersSlice.reducer;
 export const selectMembers = (state: RootStore) => state.members;
diff --git a/src/store/features/slice/userSlice.ts b/src/store/features/slice/userSlice.ts
index 67b1371..e2724d4 100644
--- a/src/store/features/slice/userSlice.ts
+++ b/src/store/features/slice/userSlice.ts
@@ -1,6 +1,6 @@
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { RegisterDataProps } from 'src/services/types';
-import { registration } from 'src/store/api';
+import { ProfileProps, RegisterDataProps } from 'src/services/types';
+import { getProfile, registration } from 'src/store/api';
 import { RootStore } from 'src/store/store';
 
 export interface StateType {
@@ -8,6 +8,7 @@ export interface StateType {
   isLoading: boolean;
   error: string | null | unknown;
   loggedIn: boolean;
+  profile: ProfileProps | null;
 }
 
 const initialState: StateType = {
@@ -15,6 +16,7 @@ const initialState: StateType = {
   isLoading: false,
   error: null,
   loggedIn: false,
+  profile: null,
 };
 // фетч добавить
 export const registerUser = createAsyncThunk(
@@ -24,6 +26,13 @@ export const registerUser = createAsyncThunk(
     return response;
   }
 );
+export const fetchGetProfile = createAsyncThunk(
+  'fetch/profile', 
+  async () => {
+    const response = await getProfile();
+    return response;
+  }
+);
 
 const userSlice = createSlice({
   name: 'user',
@@ -48,6 +57,18 @@ const userSlice = createSlice({
       .addCase(registerUser.rejected, (state, action) => {
         state.isLoading = false;
         state.error = action.error.message;
+      })
+      .addCase(fetchGetProfile.pending, (state) => {
+        state.isLoading = true;
+      })
+      .addCase(fetchGetProfile.fulfilled, (state, action) => {
+        state.profile = action.payload;
+        state.isLoading = false;
+        state.error = null;
+      })
+      .addCase(fetchGetProfile.rejected, (state, action) => {
+        state.isLoading = false;
+        state.error = action.error.message;
       });
   },
 });