Web: Client: RecoverAccess: use themes

This commit is contained in:
Viktor Fomin 2022-04-12 14:21:03 +03:00
parent daca10d9d6
commit a7b507bc0f

View File

@ -9,6 +9,7 @@ import UnionIcon from "../svg/union.react.svg";
import RecoverAccessModalDialog from "./recover-access-modal-dialog";
import { sendRecoverRequest } from "@appserver/common/api/settings/index";
import commonIconsStyles from "@appserver/components/utils/common-icons-style";
import { Base } from "@appserver/components/themes";
const StyledUnionIcon = styled(UnionIcon)`
${commonIconsStyles}
@ -16,6 +17,7 @@ const StyledUnionIcon = styled(UnionIcon)`
const RecoverContainer = styled(Box)`
cursor: pointer;
background-color: ${(props) => props.theme.header.recoveryColor};
.recover-icon {
@media (max-width: 450px) {
@ -29,6 +31,8 @@ const RecoverContainer = styled(Box)`
}
`;
RecoverContainer.defaultProps = { theme: Base };
const RecoverAccess = ({ t }) => {
const [visible, setVisible] = useState(false);
const [loading, setLoading] = useState(false);
@ -88,7 +92,6 @@ const RecoverAccess = ({ t }) => {
alignItems="center"
>
<RecoverContainer
backgroundProp="#27537F"
heightProp="100%"
displayProp="flex"
onClick={onRecoverClick}