Reverting PWA install prompt

This protocol changed from when the old React implementation was built
and it doesn't work from a user-experience perspective now
This commit is contained in:
Jeff Avallone
2019-01-15 21:20:28 -05:00
parent 8c312a450c
commit bbdc5a3b12
7 changed files with 29 additions and 332 deletions
@@ -1,28 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`InstallPrompt rendering 1`] = `
<div
className="install"
>
<p
className="cta"
>
Add Regexper to your home screen?
</p>
<div
className="actions"
>
<button
className="primary"
onClick={[MockFunction]}
>
Add It
</button>
<button
onClick={[MockFunction]}
>
No Thanks
</button>
</div>
</div>
`;
-21
View File
@@ -1,21 +0,0 @@
import React from 'react';
import PropTypes from 'prop-types';
import style from './style.module.css';
const InstallPrompt = ({ onAccept, onReject }) => (
<div className={ style.install }>
<p className={ style.cta }>Add Regexper to your home screen?</p>
<div className={ style.actions }>
<button className={ style.primary } onClick={ onAccept }>Add It</button>
<button onClick={ onReject }>No Thanks</button>
</div>
</div>
);
InstallPrompt.propTypes = {
onAccept: PropTypes.func.isRequired,
onReject: PropTypes.func.isRequired
};
export default InstallPrompt;
@@ -1,38 +0,0 @@
@import url('../../globals.module.css');
.install {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--color-tan);
color: var(--color-black);
}
.cta {
margin: 0;
padding: var(--spacing-margin);
text-align: center;
}
.actions {
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
padding: var(--spacing-margin);
& button {
font-size: inherit;
line-height: 2.8rem;
border: 0 none;
background: var(--control-gradient);
color: var(--color-black);
cursor: pointer;
padding: 0;
width: 40vw;
&.primary {
font-weight: bold;
}
}
}
-13
View File
@@ -1,13 +0,0 @@
import React from 'react';
import { shallow } from 'enzyme';
import InstallPrompt from 'components/InstallPrompt';
describe('InstallPrompt', () => {
test('rendering', () => {
const component = shallow(
<InstallPrompt onReject={ jest.fn() } onAccept={ jest.fn() } />
);
expect(component).toMatchSnapshot();
});
});