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

Web:Files:QuickButtons: fix displaying quick buttons for tablet devices and delete useless code

Browse Source
This commit is contained in:
Timofey Boyko 2022-04-29 18:03:03 +03:00
parent 0403713a19
commit af7f0cff67
1 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
products/ASC.Files/Client/src/components/QuickButtons.js
View File

@ -53,18 +53,17 @@ const QuickButtons = ({
: theme.filesQuickButtons.color;
const tabletViewQuickButton =
!isTile && ((sectionWidth > 500 && sectionWidth <= 1024) || isTablet);
(sectionWidth > 500 && sectionWidth <= 1024) || isTablet;
const sizeQuickButton = isTile || tabletViewQuickButton ? "medium" : "small";
const displayShare = viewAs === "row" && (isMobile || sectionWidth <= 500);
const displayLock = !locked && (isMobile || sectionWidth <= 500);
const displayFavorite = !isFavorite && (isMobile || sectionWidth <= 500);
const displayBadges = viewAs === "table" || isTile || tabletViewQuickButton;
const setFavorite = () => onClickFavorite(isFavorite);
return (
<div className="badges additional-badges">
{item.canShare && showShare && (!displayShare || isTile) && (
{item.canShare && showShare && displayBadges && (
<StyledIcon
iconName={iconShare}
className="badge share-button-icon"
@ -74,10 +73,7 @@ const QuickButtons = ({
hoverColor={theme.filesQuickButtons.sharedColor}
/>
)}
{fileExst &&
accessToEdit &&
!isTrashFolder &&
(!displayLock || isTile) && (
{fileExst && accessToEdit && !isTrashFolder && displayBadges && (
<StyledIcon
iconName={iconLock}
className="badge lock-file icons-group"
@ -89,7 +85,7 @@ const QuickButtons = ({
hoverColor={theme.filesQuickButtons.sharedColor}
/>
)}
{fileExst && !isTrashFolder && (!displayFavorite || isTile) && (
{fileExst && !isTrashFolder && displayBadges && (
<StyledIcon
iconName={iconFavorite}
className="favorite badge icons-group"