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")} -