fixed wording of announcement, fixed header not showing, and added missing dismiss button

This commit is contained in:
Martina 2021-02-28 15:14:17 -08:00
parent 904aa20e5c
commit 215b70ba6e
6 changed files with 26 additions and 9 deletions

View File

@ -102,7 +102,7 @@ export const DataMeter = (props) => {
used
</div>
<DataMeterBar bytes={props.stats.bytes} maximumBytes={props.stats.maximumBytes} />
<div css={STYLES_NOTE}>50GB coming soon with email verification</div>
<div css={STYLES_NOTE}>50GB coming soon when we add email verification</div>
</div>
);
};

View File

@ -172,7 +172,7 @@ export const DataMeterDetailed = (props) => {
</div>
</div>
<div css={STYLES_NOTE}>50GB coming soon with email verification</div>
<div css={STYLES_NOTE}>50GB coming soon when we add email verification</div>
{props.buttons ? <div style={{ marginTop: 24 }}>{props.buttons}</div> : null}
</div>
);

View File

@ -101,6 +101,12 @@ const STYLES_DISMISS_BOX = css`
}
`;
const STYLES_MOBILE_ONLY = css`
@media (min-width: ${Constants.sizes.mobile}px) {
display: none;
}
`;
const STYLES_MOBILE_HIDDEN = css`
@media (max-width: ${Constants.sizes.mobile}px) {
display: none;
@ -319,6 +325,11 @@ export class GlobalCarousel extends React.Component {
<SVG.ChevronRight height="20px" />
</span>
{slide}
<span css={STYLES_MOBILE_ONLY}>
<div css={STYLES_DISMISS_BOX} onClick={this._handleClose}>
<SVG.Dismiss height="24px" />
</div>
</span>
<span css={STYLES_MOBILE_HIDDEN}>
{this.state.showSidebar ? (
<div

View File

@ -227,6 +227,7 @@ const STYLES_P = css`
`;
export const P = (props) => {
console.log("inside p");
return <div css={STYLES_P} {...props} />;
};

View File

@ -115,7 +115,7 @@ export default class SceneArchive extends React.Component {
<ScenePage>
<ScenePageHeader title="Filecoin">
{/* Use this section to archive all of your data on to Filecoin through a storage deal. You
must have at last 100MB stored to make an archive storage deal. <br /> */}
must have at last 100MB stored to make an archive storage deal. */}
</ScenePageHeader>
<SecondaryTabGroup
@ -128,6 +128,11 @@ export default class SceneArchive extends React.Component {
<React.Fragment>
{this.state.tab === 0 ? (
<React.Fragment>
<ScenePageHeader>
Use this section to archive all of your data on to Filecoin through a storage
deal. You must have at last 100MB stored to make an archive storage deal.
</ScenePageHeader>
<System.P style={{ marginTop: 24 }}>
Archive all of your data onto the Filecoin Network with a storage deal using your
default settings.

View File

@ -125,12 +125,12 @@ export default class SceneWallet extends React.Component {
return (
<React.Fragment>
<ScenePageHeader>
This is your receive only wallet address. You can deposit Filecoin to your address here.
You can not send Filecoin from this wallet to other people. Please read our{" "}
<a href="/terms" target="_blank">
terms of service
</a>{" "}
for more details.
{/* This is your receive only wallet address. You can deposit Filecoin to your address here.
You can not send Filecoin from this wallet to other people. Please read our [terms of
service](https://slate.host/terms) for more details. */}
This is your storage credit wallet address. Filecoin (FIL) in this wallet can be used for
making storage deals for your Slate files. You can not send FIL from this wallet to other
addresses. Please read our [terms of service](https://slate.host/terms) for more details.
</ScenePageHeader>
{networkViewer ? (