You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.4 KiB
63 lines
1.4 KiB
'use strict';
|
|
|
|
import React, {Component} from 'react';
|
|
import Container from 'components/Container';
|
|
import {colors} from 'theme';
|
|
|
|
const EXTERNALS = [
|
|
'https://unpkg.com/react/umd/react.development.js',
|
|
'https://unpkg.com/react-dom/umd/react-dom.development.js',
|
|
];
|
|
|
|
// Copied over styles from ButtonLink for the submit btn
|
|
const primaryStyle = {
|
|
backgroundColor: colors.brand,
|
|
color: colors.black,
|
|
padding: '10px 25px',
|
|
whiteSpace: 'nowrap',
|
|
transition: 'background-color 0.2s ease-out',
|
|
outline: 0,
|
|
border: 'none',
|
|
cursor: 'pointer',
|
|
|
|
':hover': {
|
|
backgroundColor: colors.white,
|
|
},
|
|
|
|
display: 'inline-block',
|
|
fontSize: 16,
|
|
};
|
|
|
|
class CodepenExample extends Component {
|
|
componentDidMount() {
|
|
this.codepenForm.submit();
|
|
}
|
|
|
|
render() {
|
|
const {action, payload} = this.props.pathContext;
|
|
|
|
return (
|
|
<Container>
|
|
<h1>Redirecting to Codepen...</h1>
|
|
<form
|
|
style={{paddingBottom: '50px'}}
|
|
ref={form => {
|
|
this.codepenForm = form;
|
|
}}
|
|
action={action}
|
|
method="POST">
|
|
<input type="hidden" name="data" value={payload} />
|
|
|
|
<p>
|
|
Not automatically redirecting?
|
|
<br />
|
|
<br />
|
|
<input style={primaryStyle} type="submit" value="Click here" />
|
|
</p>
|
|
</form>
|
|
</Container>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default CodepenExample;
|
|
|