Web: fix tablet view
This commit is contained in:
parent
0d7bda39c1
commit
8545801272
@ -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}
|
||||
/>
|
||||
);
|
||||
|
@ -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 {
|
||||
${(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
|
||||
|
@ -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)}
|
||||
/>
|
||||
|
Loading…
Reference in New Issue
Block a user