Web: Client: RecoverAccess: use themes
This commit is contained in:
parent
daca10d9d6
commit
a7b507bc0f
@ -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}
|
||||
|
Loading…
Reference in New Issue
Block a user