forked from mozilla/testpilot
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Issue mozilla#1307: Quick reorg into presentational components and st…
…ate-reactive containers
- Loading branch information
Showing
24 changed files
with
314 additions
and
225 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,45 @@ | ||
import React from 'react'; | ||
|
||
export default class DiscussDialog extends React.Component { | ||
render() { | ||
return ( | ||
<div className="modal-container"> | ||
<div id="discuss-modal" className="modal feedback-modal modal-bounce-in"> | ||
<header> | ||
<h3 className="title" data-l10n-id="discussNotifyTitle">Just one second...</h3> | ||
</header> | ||
<form> | ||
|
||
<div className="modal-content modal-form"> | ||
<div data-l10n-id="discussNotifyMessageAccountless" className="centered"> | ||
<p>In the spirit of experimentation, we are using an external forum service. You will need to create an account if you wish to participate on the forums.</p> | ||
<p>If you don't feel like creating another account, you can | ||
always leave feedback through Test Pilot. | ||
<br /> | ||
(We really do read this stuff) | ||
</p> | ||
</div> | ||
</div> | ||
<div className="modal-actions"> | ||
<button onClick={e => this.submit(e)} data-hook="submit-feedback" data-l10n-id="discussNotifySubmitButton" className="submit button large default">Take me to the forum</button> | ||
<a onClick={e => this.cancel(e)} data-l10n-id="discussNotifyCancelButton" className="cancel modal-escape" href="">Cancel</a> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
); | ||
} | ||
|
||
submit(e) { | ||
e.preventDefault(); | ||
// HACK: this should really open a new tab! | ||
window.location = this.props.href; | ||
this.props.onDismiss(); | ||
} | ||
|
||
cancel(e) { | ||
e.preventDefault(); | ||
this.props.onDismiss(); | ||
} | ||
|
||
} |
7 changes: 1 addition & 6 deletions
7
frontend/src/app-new/views/ErrorPage.js → frontend/src/app-new/components/ErrorPage.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
7 changes: 1 addition & 6 deletions
7
frontend/src/app-new/views/LegacyPage.js → ...tend/src/app-new/components/LegacyPage.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import React from 'react'; | ||
|
||
export default function NotFoundPage() { | ||
return ( | ||
<div className="full-page-wrapper centered" data-hook="no-found-page"> | ||
<div className="centered-banner"> | ||
<div id="four-oh-four" className="modal delayed-fade-in"> | ||
<h1 data-l10n-id="notFoundHeader" className="title">Four Oh Four!</h1> | ||
<br/> | ||
<div className="modal-actions"> | ||
<a data-l10n-id="home" className="button default large" href="/">Home</a> | ||
</div> | ||
</div> | ||
<div className="copter-wrapper"> | ||
<div className="copter fade-in-fly-up"></div> | ||
</div> | ||
</div> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import React from 'react'; | ||
|
||
import Header from './Header'; | ||
import Footer from './Footer'; | ||
|
||
export default function OnboardingPage() { | ||
return ( | ||
<div className="full-page-wrapper space-between"> | ||
<Header /> | ||
<div className="centered-banner"> | ||
<div id="onboarding" className="modal"> | ||
<div className="modal-content centered"> | ||
<div className="toolbar-button-onboarding"></div> | ||
<p data-l10n-id="onboardingMessage">We put an icon in your toolbar so you can always find Test Pilot.</p> | ||
</div> | ||
</div> | ||
<div className="copter-wrapper"> | ||
<div className="copter fade-in-fly-up"></div> | ||
</div> | ||
</div> | ||
<footer id="main-footer" className="content-wrapper"> | ||
<Footer /> | ||
</footer> | ||
</div> | ||
); | ||
} |
Oops, something went wrong.