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 AddressBookTable } from './AddressBookTable';
|
||||
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 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.
|
||||
// Type can be primary, warning, danger, success, info, or blank for grey.
|
||||
// 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 { getOffline } from 'features/config';
|
||||
import { ElectronNav, AppAlphaNotice } from 'components';
|
||||
import { ElectronNav } from 'components';
|
||||
import OfflineTab from './OfflineTab';
|
||||
import Notifications from './Notifications';
|
||||
import './ElectronTemplate.scss';
|
||||
|
|
@ -33,7 +33,6 @@ class ElectronTemplate extends Component<Props, {}> {
|
|||
{isUnavailableOffline && isOffline ? <OfflineTab /> : children}
|
||||
</div>
|
||||
<Notifications />
|
||||
<AppAlphaNotice />
|
||||
</div>
|
||||
<div className="ElectronTemplate-draggable" />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue