Client:TableRow:Refactoring.
This commit is contained in:
parent
fef074e0f0
commit
c6dd338bb7
@ -41,7 +41,6 @@ const RoomsRowDataComponent = (props) => {
|
||||
const {
|
||||
roomColumnTypeIsEnabled,
|
||||
roomColumnOwnerIsEnabled,
|
||||
roomColumnQuickButtonsIsEnabled,
|
||||
roomColumnTagsIsEnabled,
|
||||
roomColumnActivityIsEnabled,
|
||||
roomQuotaColumnIsEnable,
|
||||
@ -63,6 +62,11 @@ const RoomsRowDataComponent = (props) => {
|
||||
} = props;
|
||||
|
||||
const lastColumn = getLastColumn(tableStorageName);
|
||||
const quickButtonsComponentNode = (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -85,13 +89,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
<StyledBadgesContainer showHotkeyBorder={showHotkeyBorder}>
|
||||
{badgesComponent}
|
||||
</StyledBadgesContainer>
|
||||
{lastColumn === "Name" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Name" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
|
||||
{roomColumnTypeIsEnabled ? (
|
||||
@ -111,13 +109,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Type" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Type" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -136,13 +128,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Tags" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Tags" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -165,13 +151,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Owner" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Owner" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -194,13 +174,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Activity" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Activity" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -213,13 +187,7 @@ const RoomsRowDataComponent = (props) => {
|
||||
type="room"
|
||||
isReadOnly={!item?.security?.EditRoom}
|
||||
/>
|
||||
{lastColumn === "Storage" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Storage" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -232,7 +200,6 @@ export default inject(({ currentQuotaStore, tableStore }) => {
|
||||
const {
|
||||
roomColumnTypeIsEnabled,
|
||||
roomColumnOwnerIsEnabled,
|
||||
roomColumnQuickButtonsIsEnabled,
|
||||
roomColumnTagsIsEnabled,
|
||||
roomColumnActivityIsEnabled,
|
||||
roomQuotaColumnIsEnable,
|
||||
@ -244,7 +211,6 @@ export default inject(({ currentQuotaStore, tableStore }) => {
|
||||
roomQuotaColumnIsEnable,
|
||||
roomColumnTypeIsEnabled,
|
||||
roomColumnOwnerIsEnabled,
|
||||
roomColumnQuickButtonsIsEnabled,
|
||||
roomColumnTagsIsEnabled,
|
||||
roomColumnActivityIsEnabled,
|
||||
showStorageInfo,
|
||||
|
@ -60,6 +60,11 @@ const RowDataComponent = (props) => {
|
||||
} = props;
|
||||
|
||||
const lastColumn = getLastColumn(tableStorageName);
|
||||
const quickButtonsComponentNode = (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -82,13 +87,7 @@ const RowDataComponent = (props) => {
|
||||
<StyledBadgesContainer showHotkeyBorder={showHotkeyBorder}>
|
||||
{badgesComponent}
|
||||
</StyledBadgesContainer>
|
||||
{lastColumn === "Name" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Name" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
|
||||
{authorColumnIsEnabled ? (
|
||||
@ -106,13 +105,7 @@ const RowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Author" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Author" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -136,13 +129,7 @@ const RowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Created" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Created" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -163,13 +150,7 @@ const RowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Modified" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Modified" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -190,13 +171,7 @@ const RowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Size" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Size" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
@ -219,13 +194,7 @@ const RowDataComponent = (props) => {
|
||||
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||
{...props}
|
||||
/>
|
||||
{lastColumn === "Type" ? (
|
||||
<StyledQuickButtonsContainer>
|
||||
{quickButtonsComponent}
|
||||
</StyledQuickButtonsContainer>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{lastColumn === "Type" ? quickButtonsComponentNode : <></>}
|
||||
</TableCell>
|
||||
) : (
|
||||
<div />
|
||||
|
Loading…
Reference in New Issue
Block a user