Web: File: moved okIcon and cancelIcon to EditingWrapperComponent
This commit is contained in:
parent
ffb4405a1a
commit
7fa13538f5
@ -2,6 +2,9 @@ import React, { memo, useState } from "react";
|
|||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
import Button from "@appserver/components/button";
|
import Button from "@appserver/components/button";
|
||||||
import TextInput from "@appserver/components/text-input";
|
import TextInput from "@appserver/components/text-input";
|
||||||
|
import commonIconsStyles from "@appserver/components/utils/common-icons-style";
|
||||||
|
import CheckIcon from "../../../../../../../public/images/check.react.svg";
|
||||||
|
import CrossIcon from "../../../../../../../../../../public/images/cross.react.svg";
|
||||||
|
|
||||||
const EditingWrapper = styled.div`
|
const EditingWrapper = styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -45,12 +48,38 @@ const EditingWrapper = styled.div`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
const StyledCheckIcon = styled(CheckIcon)`
|
||||||
|
${commonIconsStyles}
|
||||||
|
path {
|
||||||
|
fill: #a3a9ae;
|
||||||
|
}
|
||||||
|
:hover {
|
||||||
|
fill: #657077;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const StyledCrossIcon = styled(CrossIcon)`
|
||||||
|
${commonIconsStyles}
|
||||||
|
path {
|
||||||
|
fill: #a3a9ae;
|
||||||
|
}
|
||||||
|
:hover {
|
||||||
|
fill: #657077;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const OkIcon = <StyledCheckIcon className="edit-ok-icon" size="scale" />;
|
||||||
|
|
||||||
|
const CancelIcon = (
|
||||||
|
<StyledCrossIcon className="edit-cancel-icon" size="scale" />
|
||||||
|
);
|
||||||
|
|
||||||
const EditingWrapperComponent = (props) => {
|
const EditingWrapperComponent = (props) => {
|
||||||
const {
|
const {
|
||||||
itemTitle,
|
itemTitle,
|
||||||
itemId,
|
itemId,
|
||||||
okIcon,
|
//okIcon,
|
||||||
cancelIcon,
|
//cancelIcon,
|
||||||
renameTitle,
|
renameTitle,
|
||||||
onClickUpdateItem,
|
onClickUpdateItem,
|
||||||
cancelUpdateItem,
|
cancelUpdateItem,
|
||||||
@ -103,7 +132,7 @@ const EditingWrapperComponent = (props) => {
|
|||||||
size="medium"
|
size="medium"
|
||||||
isDisabled={isLoading}
|
isDisabled={isLoading}
|
||||||
onClick={onClickUpdateItem}
|
onClick={onClickUpdateItem}
|
||||||
icon={okIcon}
|
icon={OkIcon}
|
||||||
data-itemid={itemId}
|
data-itemid={itemId}
|
||||||
onMouseEnter={setIsHoveredOkHandler}
|
onMouseEnter={setIsHoveredOkHandler}
|
||||||
onMouseLeave={setIsHoveredOkHandler}
|
onMouseLeave={setIsHoveredOkHandler}
|
||||||
@ -114,7 +143,7 @@ const EditingWrapperComponent = (props) => {
|
|||||||
size="medium"
|
size="medium"
|
||||||
isDisabled={isLoading}
|
isDisabled={isLoading}
|
||||||
onClick={cancelUpdateItem}
|
onClick={cancelUpdateItem}
|
||||||
icon={cancelIcon}
|
icon={CancelIcon}
|
||||||
data-itemid={itemId}
|
data-itemid={itemId}
|
||||||
onMouseEnter={setIsHoveredCancelHandler}
|
onMouseEnter={setIsHoveredCancelHandler}
|
||||||
onMouseLeave={setIsHoveredCancelHandler}
|
onMouseLeave={setIsHoveredCancelHandler}
|
||||||
|
Loading…
Reference in New Issue
Block a user