Web:Client:Fix warning currentColorScheme.

This commit is contained in:
Vlada Gazizova 2023-05-30 12:40:38 +03:00
parent bbaffad97a
commit 44d21119b1

View File

@ -41,29 +41,29 @@ const StyledButton = styled(Button)`
padding: 0; padding: 0;
opacity: ${(props) => (props.isDisabled ? 0.6 : 1)}; opacity: ${(props) => (props.isDisabled ? 0.6 : 1)};
background-color: ${({ currentColorScheme }) => background-color: ${({ $currentColorScheme }) =>
currentColorScheme.main.accent} !important; $currentColorScheme.main.accent} !important;
background: ${({ currentColorScheme }) => currentColorScheme.main.accent}; background: ${({ $currentColorScheme }) => $currentColorScheme.main.accent};
border: ${({ currentColorScheme }) => currentColorScheme.main.accent}; border: ${({ $currentColorScheme }) => $currentColorScheme.main.accent};
${(props) => ${(props) =>
!props.isDisabled && !props.isDisabled &&
css` css`
:hover { :hover {
background-color: ${({ currentColorScheme }) => background-color: ${({ $currentColorScheme }) =>
currentColorScheme.main.accent}; $currentColorScheme.main.accent};
opacity: 0.85; opacity: 0.85;
background: ${({ currentColorScheme }) => background: ${({ $currentColorScheme }) =>
currentColorScheme.main.accent}; $currentColorScheme.main.accent};
border: ${({ currentColorScheme }) => currentColorScheme.main.accent}; border: ${({ $currentColorScheme }) => $currentColorScheme.main.accent};
} }
:active { :active {
background-color: ${({ currentColorScheme }) => background-color: ${({ $currentColorScheme }) =>
currentColorScheme.main.accent}; $currentColorScheme.main.accent};
background: ${({ currentColorScheme }) => background: ${({ $currentColorScheme }) =>
currentColorScheme.main.accent}; $currentColorScheme.main.accent};
border: ${({ currentColorScheme }) => currentColorScheme.main.accent}; border: ${({ $currentColorScheme }) => $currentColorScheme.main.accent};
opacity: 1; opacity: 1;
filter: brightness(90%); filter: brightness(90%);
cursor: pointer; cursor: pointer;
@ -71,7 +71,7 @@ const StyledButton = styled(Button)`
`} `}
.button-content { .button-content {
color: ${({ currentColorScheme }) => currentColorScheme.text.accent}; color: ${({ $currentColorScheme }) => $currentColorScheme.text.accent};
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -488,7 +488,7 @@ const ArticleMainButtonContent = (props) => {
id="rooms-shared_create-room-button" id="rooms-shared_create-room-button"
label={t("Files:NewRoom")} label={t("Files:NewRoom")}
onClick={onCreateRoom} onClick={onCreateRoom}
currentColorScheme={currentColorScheme} $currentColorScheme={currentColorScheme}
isDisabled={isDisabled} isDisabled={isDisabled}
size="small" size="small"
primary primary