IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: fix tablet view

Browse Source
This commit is contained in:
Elyor Djalilov 2024-01-03 23:15:19 +05:00
parent 0d7bda39c1
commit 8545801272
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/pages/PortalSettings/categories/security/sessions/SessionsTable/TableView/SessionsTableHeader.js
View File

@ -33,6 +33,7 @@ const SessionsTableHeader = (props) => {
tableRef,
columnStorageName,
columnInfoPanelStorageName,
setHideColumns,
} = props;
const defaultColumns = [
@ -113,6 +114,7 @@ const SessionsTableHeader = (props) => {
checkboxMargin="12px"
showSettings={true}
useReactWindow
setHideColumns={setHideColumns}
infoPanelVisible={false}
/>
);

13
packages/client/src/pages/PortalSettings/categories/security/sessions/SessionsTable/TableView/SessionsTableRow.js
View File

@ -7,11 +7,18 @@ import HistoryFinalizedReactSvgUrl from "PUBLIC_DIR/images/history-finalized.rea
import RemoveSvgUrl from "PUBLIC_DIR/images/remove.session.svg?url";
import TrashReactSvgUrl from "PUBLIC_DIR/images/trash.react.svg?url";
import styled from "styled-components";
import styled, { css } from "styled-components";
const StyledTableRow = styled(TableRow)`
.avatar {
margin-right: 6px;
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
margin-left: 6px;
`
: css`
margin-right: 6px;
`}
}
`;
@ -27,6 +34,7 @@ const SessionsTableRow = ({
city,
ip,
userId,
hideColumns,
}) => {
const contextOptions = [
{
@ -57,6 +65,7 @@ const SessionsTableRow = ({
<StyledTableRow
onClick={() => console.log("selected row")}
contextOptions={contextOptions}
hideColumns={hideColumns}
>
<TableCell>
<Avatar

5
packages/client/src/pages/PortalSettings/categories/security/sessions/SessionsTable/TableView/index.js
View File

@ -1,4 +1,4 @@
import { useRef } from "react";
import { useState, useRef } from "react";
import { inject, observer } from "mobx-react";
import { Base } from "@docspace/components/themes";
import styled, { css } from "styled-components";
@ -64,6 +64,7 @@ const COLUMNS_SIZE = `sessionsColumnsSize_ver-${TABLE_VERSION}`;
const INFO_PANEL_COLUMNS_SIZE = `infoPanelSessionsColumnsSize_ver-${TABLE_VERSION}`;
const TableView = ({ t, sectionWidth, userId, sessionsData }) => {
const [hideColumns, setHideColumns] = useState(false);
const tableRef = useRef(null);
const columnStorageName = `${COLUMNS_SIZE}=${userId}`;
@ -78,6 +79,7 @@ const TableView = ({ t, sectionWidth, userId, sessionsData }) => {
userId={userId}
columnStorageName={columnStorageName}
columnInfoPanelStorageName={columnInfoPanelStorageName}
setHideColumns={setHideColumns}
// isIndeterminate={isIndeterminate}
// isChecked={checkedUsers.withEmail.length === withEmailUsers.length}
// toggleAll={toggleAll}
@ -106,6 +108,7 @@ const TableView = ({ t, sectionWidth, userId, sessionsData }) => {
city={session.city}
ip={session.ip}
userId={session.userId}
hideColumns={hideColumns}
// isChecked={isAccountChecked(data.key, checkedAccountType)}
// toggleAccount={(e) => handleToggle(e, data)}
/>