mirror of
https://github.com/maputnik/editor.git
synced 2026-01-21 21:00:00 +00:00
fa182e66fa
In this PR I have changed some of the jsx files to tsx file. I'm starting off with the "leafs" so that migration of the rest will be easier, hopefully. What I'm basically doing is taking a jsx file, copy paste it into: https://mskelton.dev/ratchet And after that I'm fixing the types as needed. It's not a very long process. Hopefully more PRs will follow and this will be over soon. I don't plan to migrate the storybook as I generally don't understand why is it useful, I'll open an issue to see if anyone thinks differently.
39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import React from 'react'
|
||
|
||
import InputButton from './InputButton'
|
||
import Modal from './Modal'
|
||
|
||
// @ts-ignore
|
||
import logoImage from 'maputnik-design/logos/logo-color.svg'
|
||
|
||
type ModalSurveyProps = {
|
||
isOpen: boolean
|
||
onOpenToggle(...args: unknown[]): unknown
|
||
};
|
||
|
||
export default class ModalSurvey extends React.Component<ModalSurveyProps> {
|
||
onClick = () => {
|
||
window.open('https://gregorywolanski.typeform.com/to/cPgaSY', '_blank');
|
||
|
||
this.props.onOpenToggle();
|
||
}
|
||
|
||
render() {
|
||
return <Modal
|
||
data-wd-key="modal:survey"
|
||
isOpen={this.props.isOpen}
|
||
onOpenToggle={this.props.onOpenToggle}
|
||
title="Maputnik Survey"
|
||
>
|
||
<div className="maputnik-modal-survey">
|
||
<img src={logoImage} className="maputnik-modal-survey__logo" />
|
||
<h1>You + Maputnik = Maputnik better for you</h1>
|
||
<p className="maputnik-modal-survey__description">We don’t track you, so we don’t know how you use Maputnik. Help us make Maputnik better for you by completing a 7–minute survey carried out by our contributing designer.</p>
|
||
<InputButton onClick={this.onClick} className="maputnik-big-button maputnik-white-button maputnik-wide-button">Take the Maputnik Survey</InputButton>
|
||
<p className="maputnik-modal-survey__footnote">It takes 7 minutes, tops! Every question is optional.</p>
|
||
</div>
|
||
</Modal>
|
||
}
|
||
}
|
||
|