p5.js-web-editor/client/modules/IDE/components/Feedback.jsx
2018-05-08 19:16:04 -07:00

51 lines
1.6 KiB
JavaScript

import React from 'react';
import InlineSVG from 'react-inlinesvg';
import { Helmet } from 'react-helmet';
import githubLogoUrl from '../../../images/github.svg';
function Feedback(props) {
return (
<div className="feedback__content">
<Helmet>
<title>p5.js Web Editor | Feedback</title>
</Helmet>
<div className="feedback__content-pane">
<h2 className="feedback__content-pane-header">
Via Github Issues
</h2>
<p className="feedback__content-pane-copy">
{'If you\'re familiar with Github, this is our preferred method for receiving bug reports and feedback.'}
</p>
<p className="feedback__content-pane-copy">
<a
href="https://github.com/processing/p5.js-web-editor/issues/new"
target="_blank"
rel="noopener noreferrer"
className="feedback__github-link"
>
Go to Github
<InlineSVG className="feedback__github-logo" src={githubLogoUrl} />
</a>
</p>
</div>
<div className="feedback__content-pane">
<h2 className="feedback__content-pane-header">
Via Google Form
</h2>
<p className="feedback__content-pane-copy">
You can also submit this quick form.
</p>
<p className="feedback__content-pane-copy">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSexU8W2EIhXjktl-_XzwjH6vgnelHirH4Yn4liN5BXltPWqBg/viewform"
target="_blank"
rel="noopener noreferrer"
>Go to Form
</a>
</p>
</div>
</div>
);
}
export default Feedback;