Remove Desktop Alpha Warnings (#2024)
This commit is contained in:
Daniel Ternyak
GitHub
parent
9114f69051
commit
5d841ce1bd
|
|
@ -1,53 +0,0 @@
|
||||||
@import 'common/sass/variables';
|
|
||||||
@import 'common/sass/mixins';
|
|
||||||
|
|
||||||
.AppAlpha {
|
|
||||||
@include cover-message;
|
|
||||||
background: color(brand-info);
|
|
||||||
left: $electron-sidebar-width - 1;
|
|
||||||
|
|
||||||
&-content {
|
|
||||||
h2 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-btn {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 280px;
|
|
||||||
margin: 40px auto 0;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
transition: $transition;
|
|
||||||
height: 60px;
|
|
||||||
line-height: 60px;
|
|
||||||
font-size: 22px;
|
|
||||||
background: #fff;
|
|
||||||
color: #333;
|
|
||||||
opacity: 0.96;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fade out
|
|
||||||
&.is-fading {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 0;
|
|
||||||
background: color(control-bg);
|
|
||||||
transition: all 500ms ease 400ms;
|
|
||||||
|
|
||||||
.AppAlpha-content {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(15px);
|
|
||||||
transition: all 500ms ease;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,73 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
import moment from 'moment';
|
|
||||||
|
|
||||||
import { discordURL, APP_ALPHA_EXPIRATION } from 'config';
|
|
||||||
import { NewTabLink } from 'components/ui';
|
|
||||||
import './AlphaNotice.scss';
|
|
||||||
|
|
||||||
interface State {
|
|
||||||
isFading: boolean;
|
|
||||||
isClosed: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
let hasAcknowledged = false;
|
|
||||||
|
|
||||||
export default class AppAlphaNotice extends React.PureComponent<{}, State> {
|
|
||||||
public state = {
|
|
||||||
isFading: false,
|
|
||||||
isClosed: hasAcknowledged
|
|
||||||
};
|
|
||||||
|
|
||||||
public render() {
|
|
||||||
if (this.state.isClosed) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const isFading = this.state.isFading ? 'is-fading' : '';
|
|
||||||
const expDate = moment(APP_ALPHA_EXPIRATION).format('MMMM Do, YYYY');
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={`AppAlpha ${isFading}`}>
|
|
||||||
<div className="AppAlpha-content">
|
|
||||||
<h2>Welcome to the MyCrypto Desktop App Alpha</h2>
|
|
||||||
<p>
|
|
||||||
Thank you for testing out the new MyCrypto desktop app. This is an early release to be
|
|
||||||
tested by the community before a full launch. We recommend continuing to use the
|
|
||||||
production site for large or otherwise important transactions.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Because this is for testing purposes only,{' '}
|
|
||||||
<strong>this build of the app will only be accessible until {expDate}</strong>. You’ll
|
|
||||||
then be required to update the application to continue using it.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Feedback and bug reports are greatly appreciated. You can file issues on our{' '}
|
|
||||||
<NewTabLink href="https://github.com/MyCryptoHQ/MyCrypto/issues">
|
|
||||||
GitHub repository
|
|
||||||
</NewTabLink>{' '}
|
|
||||||
or join our <NewTabLink href={discordURL}>Discord server</NewTabLink> to discuss the
|
|
||||||
app.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<b>
|
|
||||||
For critical reports & vulnerabilities, please use{' '}
|
|
||||||
<NewTabLink href="https://hackerone.com/MyCrypto">HackerOne</NewTabLink>.
|
|
||||||
</b>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<button className="AppAlpha-content-btn is-continue" onClick={this.doContinue}>
|
|
||||||
Continue to the Alpha
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
private doContinue = () => {
|
|
||||||
hasAcknowledged = true;
|
|
||||||
this.setState({ isFading: true });
|
|
||||||
setTimeout(() => {
|
|
||||||
this.setState({ isClosed: true });
|
|
||||||
}, 1000);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
@import 'common/sass/variables';
|
|
||||||
@import 'common/sass/mixins';
|
|
||||||
|
|
||||||
.AppExpired {
|
|
||||||
@include cover-message;
|
|
||||||
background: color(brand-danger);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&-content {
|
|
||||||
padding-bottom: 60px;
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-btn {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 280px;
|
|
||||||
margin: 40px auto 0;
|
|
||||||
text-align: center;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
transition: $transition;
|
|
||||||
height: 60px;
|
|
||||||
line-height: 60px;
|
|
||||||
font-size: 22px;
|
|
||||||
background: #fff;
|
|
||||||
color: #333;
|
|
||||||
border-radius: 4px;
|
|
||||||
text-shadow: none;
|
|
||||||
opacity: 0.95;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
import { NewTabLink } from 'components/ui';
|
|
||||||
import './AppExpired.scss';
|
|
||||||
|
|
||||||
const AppExpired: React.SFC<{}> = () => (
|
|
||||||
<div className="AppExpired">
|
|
||||||
<div className="AppExpired-content">
|
|
||||||
<h2>Your Alpha Build Has Expired</h2>
|
|
||||||
<p>
|
|
||||||
To ensure the safety of your funds, we are expiring alpha builds one month after release and
|
|
||||||
requiring users to update. All you have to do is download a new build from our GitHub, and
|
|
||||||
you can continue to use the app. Sorry for the hassle!
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<NewTabLink
|
|
||||||
href="https://github.com/MyCryptoHQ/MyCrypto/releases/latest"
|
|
||||||
className="AppExpired-content-btn"
|
|
||||||
>
|
|
||||||
Download a New Build
|
|
||||||
</NewTabLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default AppExpired;
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
import { APP_ALPHA_EXPIRATION } from 'config';
|
|
||||||
import AlphaNotice from './AlphaNotice';
|
|
||||||
import AppExpired from './AppExpired';
|
|
||||||
|
|
||||||
const AppAlphaNotice: React.SFC<{}> = () => {
|
|
||||||
if (APP_ALPHA_EXPIRATION < Date.now()) {
|
|
||||||
return <AppExpired />;
|
|
||||||
} else {
|
|
||||||
return <AlphaNotice />;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export default AppAlphaNotice;
|
|
||||||
|
|
@ -24,4 +24,3 @@ export { default as ParityQrSigner } from './ParityQrSigner';
|
||||||
export { default as ElectronNav } from './ElectronNav';
|
export { default as ElectronNav } from './ElectronNav';
|
||||||
export { default as AddressBookTable } from './AddressBookTable';
|
export { default as AddressBookTable } from './AddressBookTable';
|
||||||
export { default as Errorable } from './Errorable';
|
export { default as Errorable } from './Errorable';
|
||||||
export { default as AppAlphaNotice } from './AppAlphaNotice';
|
|
||||||
|
|
|
||||||
|
|
@ -12,12 +12,6 @@ export const discordURL = 'https://discord.gg/VSaTXEA';
|
||||||
export const VERSION = packageJson.version;
|
export const VERSION = packageJson.version;
|
||||||
export const N_FACTOR = 8192;
|
export const N_FACTOR = 8192;
|
||||||
|
|
||||||
// Bricks the app once this date has been exceeded. Remember to update these 2
|
|
||||||
// whenever making a new app release.
|
|
||||||
// It is currently set to: Wednesday, July 25, 2018 12:00:00 AM (GMT)
|
|
||||||
// TODO: Remove me once app alpha / release candidates are done
|
|
||||||
export const APP_ALPHA_EXPIRATION = 1532476800000;
|
|
||||||
|
|
||||||
// Displays at the top of the site, make message empty string to remove.
|
// Displays at the top of the site, make message empty string to remove.
|
||||||
// Type can be primary, warning, danger, success, info, or blank for grey.
|
// Type can be primary, warning, danger, success, info, or blank for grey.
|
||||||
// Message must be a JSX element if you want to use HTML.
|
// Message must be a JSX element if you want to use HTML.
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ import { connect } from 'react-redux';
|
||||||
|
|
||||||
import { AppState } from 'features/reducers';
|
import { AppState } from 'features/reducers';
|
||||||
import { getOffline } from 'features/config';
|
import { getOffline } from 'features/config';
|
||||||
import { ElectronNav, AppAlphaNotice } from 'components';
|
import { ElectronNav } from 'components';
|
||||||
import OfflineTab from './OfflineTab';
|
import OfflineTab from './OfflineTab';
|
||||||
import Notifications from './Notifications';
|
import Notifications from './Notifications';
|
||||||
import './ElectronTemplate.scss';
|
import './ElectronTemplate.scss';
|
||||||
|
|
@ -33,7 +33,6 @@ class ElectronTemplate extends Component<Props, {}> {
|
||||||
{isUnavailableOffline && isOffline ? <OfflineTab /> : children}
|
{isUnavailableOffline && isOffline ? <OfflineTab /> : children}
|
||||||
</div>
|
</div>
|
||||||
<Notifications />
|
<Notifications />
|
||||||
<AppAlphaNotice />
|
|
||||||
</div>
|
</div>
|
||||||
<div className="ElectronTemplate-draggable" />
|
<div className="ElectronTemplate-draggable" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue