diff --git a/packages/client/public/locales/en/Settings.json b/packages/client/public/locales/en/Settings.json
index c33fe66199..74151e9ef0 100644
--- a/packages/client/public/locales/en/Settings.json
+++ b/packages/client/public/locales/en/Settings.json
@@ -175,6 +175,7 @@
"Migration": "Migration",
"NewColorScheme": "New color scheme",
"NextStep": "Next step",
+ "NoSessionsHere": "No other sessions here yet",
"NoEmail": "NO EMAIL",
"NoUsersInBackup": "No users found. Try again or upload other backup files.",
"NumberOfActiveEmployees": "Number of active employees: {{count}}",
diff --git a/packages/client/public/locales/ru/Settings.json b/packages/client/public/locales/ru/Settings.json
index 1a3fad72d1..d52748bc73 100644
--- a/packages/client/public/locales/ru/Settings.json
+++ b/packages/client/public/locales/ru/Settings.json
@@ -173,6 +173,7 @@
"Migration": "Миграция",
"NewColorScheme": "Новая цветовая схема",
"NextStep": "Следующий шаг",
+ "NoSessionsHere": "Здесь пока нет других сессии",
"NoEmail": "НЕТ ЭЛЕКТРОННОЙ ПОЧТЫ",
"NoUsersInBackup": "Пользователи не найдены. Попробуйте снова или загрузите другие файлы резервной копии.",
"NumberOfActiveEmployees": "Количество активных сотрудников: {{count}}",
diff --git a/packages/client/src/components/panels/UserSessionsPanel/AllSessionsBlock.js b/packages/client/src/components/panels/UserSessionsPanel/AllSessionsBlock.js
index 5ac6b64d5a..5bab6e73d1 100644
--- a/packages/client/src/components/panels/UserSessionsPanel/AllSessionsBlock.js
+++ b/packages/client/src/components/panels/UserSessionsPanel/AllSessionsBlock.js
@@ -1,12 +1,20 @@
import { observer, inject } from "mobx-react";
import { Text } from "@docspace/shared/components/text";
import { Button } from "@docspace/shared/components/button";
+import { EmptyScreenContainer } from "@docspace/shared/components/empty-screen-container";
import styled from "styled-components";
import RowWrapper from "./sub-components";
+import EmptyScreenSessionsReactSvgUrl from "PUBLIC_DIR/images/empty_screen_from_sessions.svg?url";
+
const Wrapper = styled.div`
padding: 20px 20px 12px;
+ .empty-screen-container {
+ width: auto;
+ padding-top: 60px;
+ }
+
.subtitle {
font-size: 14px;
font-weight: 600;
@@ -28,7 +36,6 @@ const AllSessionsBlock = (props) => {
onClickLogoutAllExceptThis,
} = props;
- const isDisabled = connections.length > 0;
const exceptId = userLastSession.connections[0]?.id;
return (
@@ -36,14 +43,22 @@ const AllSessionsBlock = (props) => {
{t("Profile:AllSessions")}
{t("Profile:PanelDescription")}
-
diff --git a/public/images/empty_screen_from_sessions.svg b/public/images/empty_screen_from_sessions.svg
new file mode 100644
index 0000000000..fce75a8d20
--- /dev/null
+++ b/public/images/empty_screen_from_sessions.svg
@@ -0,0 +1,35 @@
+