2020-09-25 09:31:56 +03:00
|
|
|
import * as React from "react";
|
|
|
|
import * as Constants from "~/common/constants";
|
|
|
|
|
2020-11-04 20:55:48 +03:00
|
|
|
import { css } from "@emotion/core";
|
2020-09-25 09:31:56 +03:00
|
|
|
|
|
|
|
const STYLES_BOX = css`
|
2020-11-28 06:35:48 +03:00
|
|
|
border: 1px solid rgba(102, 102, 102, 0.5);
|
2020-09-25 09:31:56 +03:00
|
|
|
border-radius: 4px;
|
|
|
|
padding: 36px;
|
|
|
|
margin-top: 36px;
|
|
|
|
`;
|
|
|
|
|
|
|
|
const STYLES_MESSAGE = css`
|
|
|
|
line-height: 1.5;
|
2020-09-27 07:43:25 +03:00
|
|
|
color: ${Constants.system.grayBlack};
|
2020-09-25 09:31:56 +03:00
|
|
|
`;
|
|
|
|
|
|
|
|
export class WarningMessage extends React.Component {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div css={STYLES_BOX} style={this.props.boxStyle}>
|
|
|
|
<div css={STYLES_MESSAGE}>
|
2020-11-28 06:35:48 +03:00
|
|
|
Please don't upload sensitive information to Slate yet. All uploaded data can currently be
|
|
|
|
accessed by anyone with the link. Private storage is coming soon.
|
2020-09-25 09:31:56 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export class SidebarWarningMessage extends React.Component {
|
|
|
|
render() {
|
2020-11-28 06:35:48 +03:00
|
|
|
return <WarningMessage boxStyle={{ padding: 16 }} />;
|
2020-09-25 09:31:56 +03:00
|
|
|
}
|
|
|
|
}
|