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

Web:Components:Added theme changer for Badges.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-07-26 10:39:48 +03:00
parent e41c2f9333
commit 4f429cf030
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
products/ASC.Files/Client/src/components/Badges.js
View File

@ -7,6 +7,8 @@ import { isTablet } from "react-device-detect";
import { FileStatus } from "@appserver/common/constants"; import { FileStatus } from "@appserver/common/constants";
import { Base } from "@appserver/components/themes"; import { Base } from "@appserver/components/themes";
import { ColorTheme, ThemeType } from "@appserver/common/components/ColorTheme";
export const StyledIcon = styled(IconButton)` export const StyledIcon = styled(IconButton)`
${commonIconsStyles} ${commonIconsStyles}
`; `;
@ -172,23 +174,24 @@ const Badges = ({
return fileExst ? ( return fileExst ? (
<div className="badges additional-badges"> <div className="badges additional-badges">
{isEditing && ( {isEditing && (
<StyledEditIcon <ColorTheme
type={ThemeType.IconButton}
isEditing={isEditing}
iconName={iconEdit} iconName={iconEdit}
className="badge icons-group is-editing tablet-badge tablet-edit" className="badge icons-group is-editing tablet-badge tablet-edit"
size={sizeBadge} size={sizeBadge}
onClick={onFilesClick} onClick={onFilesClick}
hoverColor={theme.filesBadges.hoverIconColor}
title={isForm ? t("Common:FillFormButton") : t("Common:EditButton")} title={isForm ? t("Common:FillFormButton") : t("Common:EditButton")}
/> ></ColorTheme>
)} )}
{canConvert && !isTrashFolder && ( {canConvert && !isTrashFolder && (
<StyledIcon <ColorTheme
type={ThemeType.IconButton}
onClick={setConvertDialogVisible} onClick={setConvertDialogVisible}
iconName={iconRefresh} iconName={iconRefresh}
className="badge tablet-badge icons-group can-convert" className="badge tablet-badge icons-group can-convert"
size={sizeBadge} size={sizeBadge}
hoverColor={theme.filesBadges.hoverIconColor} ></ColorTheme>
/>
)} )}
{version > 1 && ( {version > 1 && (
<BadgeWrapper onClick={onShowVersionHistory} isTile={isTile}> <BadgeWrapper onClick={onShowVersionHistory} isTile={isTile}>
@ -217,13 +220,15 @@ const Badges = ({
) : ( ) : (
<> <>
{isRoom && pinned && ( {isRoom && pinned && (
<StyledPinIcon <ColorTheme
type={ThemeType.IconButton}
isPin={isRoom && pinned}
onClick={onUnpinClick} onClick={onUnpinClick}
className="badge icons-group is-pinned tablet-badge tablet-pinned" className="badge icons-group is-pinned tablet-badge tablet-pinned"
iconName={iconPin} iconName={iconPin}
size={sizeBadge} size={sizeBadge}
{...unpinIconProps} {...unpinIconProps}
/> ></ColorTheme>
)} )}
{showNew && ( {showNew && (
<Badge <Badge