-
Notifications
You must be signed in to change notification settings - Fork 297
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #430 from input-output-hk/feature/daef-418-about-p…
…age-available-from-the-system-menu Feature/daef 418 About page, available from the system menu
- Loading branch information
Showing
21 changed files
with
442 additions
and
14 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
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,36 @@ | ||
| // @flow | ||
| import React, { Component } from 'react'; | ||
| import { observer } from 'mobx-react'; | ||
| import { ThemeProvider } from 'react-css-themr'; | ||
| import { IntlProvider } from 'react-intl'; | ||
| import AboutPage from './containers/static/AboutPage'; | ||
| import { daedalusTheme } from './themes/daedalus'; | ||
| import translations from './i18n/translations'; | ||
| import type { StoresMap } from './stores/index'; | ||
| import ThemeManager from './ThemeManager'; | ||
|
|
||
| @observer | ||
| export default class About extends Component { | ||
|
|
||
| props: { | ||
| stores: StoresMap, | ||
| }; | ||
|
|
||
| render() { | ||
| const { stores } = this.props; | ||
| const locale = stores.app.currentLocale; | ||
| const currentTheme = stores.app.currentTheme; | ||
| const theme = require(`./themes/daedalus/${currentTheme}.js`); // eslint-disable-line | ||
|
|
||
| return ( | ||
| <div> | ||
| <ThemeManager variables={theme} /> | ||
| <ThemeProvider theme={daedalusTheme}> | ||
| <IntlProvider {...{ locale, key: locale, messages: translations[locale] }}> | ||
| <AboutPage /> | ||
| </IntlProvider> | ||
| </ThemeProvider> | ||
| </div> | ||
| ); | ||
| } | ||
| } |
Binary file not shown.
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,78 @@ | ||
| // @flow | ||
| import React, {Component} from 'react'; | ||
| import SvgInline from 'react-svg-inline'; | ||
| import { ipcRenderer } from 'electron'; | ||
| import { defineMessages, intlShape } from 'react-intl'; | ||
| import styles from './About.scss'; | ||
| import daedalusIcon from '../../assets/images/daedalus-logo-loading-grey.inline.svg'; | ||
| import cardanoIcon from '../../assets/images/cardano-logo.inline.svg'; | ||
|
|
||
| const messages = defineMessages({ | ||
| aboutWindowTitle: { | ||
| id: 'window.about.title', | ||
| defaultMessage: '!!!About Daedalus', | ||
| description: 'About Window "title"', | ||
| }, | ||
| aboutTitle: { | ||
| id: 'static.about.title', | ||
| defaultMessage: '!!!Daedalus', | ||
| description: 'About "title"', | ||
| }, | ||
| aboutReleaseVersion: { | ||
| id: 'static.about.release.version', | ||
| defaultMessage: '!!!2017.0.1 x64 Release', | ||
| description: 'Label for "App Release Version"', | ||
| }, | ||
| aboutContentText: { | ||
| id: 'static.about.content.text', | ||
| defaultMessage: '!!!Charles Hoskinson, Jeremy Wood, Aggelos Kiayias, Eileen Fitzgerald, Philip Wadler, Elias Koutsoupias, Mario Larangeira, Bernardo David, Peter Gaži, Rafael Dowsley, Roman Oliynykov, Dmitry Shtukenberg, Duncan Coutts, Lars Brünjes, Philipp Kant, Peter Thompson, Darryl McAdams, Ante Kegalj, Jens Krause, Kristijan Šarić, Denis Shevchenko, Alfredo Di Napoli, Jonn Mostovoy, Arseniy Seroka, Alexander Vieth, Mikhail Volkhov, George Agapov, Ivan Gromakovskii, Alexandre Baldé, Artyom Kazak, Dmitry Kovanikov, Alan McSherry, Alan Verbner, Nicolas Tallar, Lukasz Gasior, Adam Smolarek, Radek Tkaczyk, Alexander Chepurnoy, Dmitry Meshkov, Jan Kotek, Darko Mijić, Dominik Guzei, Nikola Glumac, Tomislav Horaček, Domen Kožar, Jacob Mitchell, Serge Kosyrev, Michael Bishop, Christian Lindgren, Reslav Hollos, Daniel Friedman, Alejandro Garcia, Dmytro Kaidalov, Andrii Nastenko, Mariia Rodinko, Oleksiy Shevtsov, Richard Wild, Tomas Vrana, Alexander Rukin, Jonny Smillie, Jane Wild, Carlo Vicari, Christian Seberino, Laurie Wang, Leonidas Tsagkalias, Costas Saragkas, Tamara Haasen, Naho Nagahara', | ||
| description: 'About page main text', | ||
| }, | ||
| aboutCopyright: { | ||
| id: 'static.about.copyright', | ||
| defaultMessage: '!!!2016–2017 IOHK. All rights reserved.', | ||
| description: 'About "copyright"', | ||
| }, | ||
| }); | ||
|
|
||
| export default class About extends Component { | ||
|
|
||
| static contextTypes = { | ||
| intl: intlShape.isRequired, | ||
| }; | ||
|
|
||
| componentWillMount() { | ||
| ipcRenderer.send('about-window-title', this.context.intl.formatMessage(messages.aboutWindowTitle)); | ||
| } | ||
|
|
||
| render() { | ||
| const { intl } = this.context; | ||
|
|
||
| return ( | ||
| <div className={styles.container}> | ||
|
|
||
| <div className={styles.headerWrapper}> | ||
|
|
||
| <SvgInline svg={daedalusIcon} className={styles.daedalusIcon} /> | ||
|
|
||
| <div className={styles.daedalusTitleVersion}> | ||
| <div className={styles.daedalusTitle}>{intl.formatMessage(messages.aboutTitle)}</div> | ||
| <div className={styles.daedalusVersion}>{intl.formatMessage(messages.aboutReleaseVersion)}</div> | ||
| </div> | ||
|
|
||
| <SvgInline svg={cardanoIcon} className={styles.cardanoIcon} /> | ||
| </div> | ||
|
|
||
| <div className={styles.contentText}> | ||
| {intl.formatMessage(messages.aboutContentText)} | ||
| </div> | ||
|
|
||
| <div className={styles.footerWrapper}> | ||
| <a href='http://daedaluswallet.io'>http://daedaluswallet.io</a> | ||
| <div className={styles.copyright}>{intl.formatMessage(messages.aboutCopyright)}</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,83 @@ | ||
| .container { | ||
| background-color: var(--theme-about-window-background-color); | ||
| display: flex; | ||
| flex-direction: column; | ||
| height: 100%; | ||
| padding: 30px 30px 20px; | ||
|
|
||
| .headerWrapper { | ||
| border-bottom: 1px solid var(--theme-about-window-header-bottom-border-color); | ||
| display: flex; | ||
| padding-bottom: 20px; | ||
|
|
||
| .daedalusIcon { | ||
| svg { | ||
| height: 58px; | ||
| width: 74px; | ||
| path { | ||
| fill: var(--theme-about-window-daedalus-icon-color); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .daedalusTitleVersion { | ||
| color: var(--theme-about-window-title-varsion-color); | ||
| flex: 1; | ||
| margin-left: 30px; | ||
|
|
||
| .daedalusTitle { | ||
| font-family: 'Montserrat-Medium'; | ||
| font-size: 24px; | ||
| letter-spacing: 6px; | ||
| line-height: 1.33; | ||
| -webkit-text-stroke: 0.5px var(--theme-about-window-title-stroke-color); | ||
| } | ||
|
|
||
| .daedalusVersion { | ||
| font-family: var(--font-regular); | ||
| font-size: 16px; | ||
| font-weight: 300; | ||
| line-height: 1.38; | ||
| margin-top: 4px; | ||
| } | ||
| } | ||
|
|
||
| .cardanoIcon { | ||
| margin-top: 7.5px; | ||
| svg { | ||
| height: 43px; | ||
| width: 47px; | ||
| path { | ||
| fill: var(--theme-about-window-cardano-icon-color); | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .contentText { | ||
| border-bottom: 1px solid var(--theme-about-window-content-bottom-border-color); | ||
| color: var(--theme-about-window-content-text-color); | ||
| flex: 1; | ||
| font-family: var(--font-regular); | ||
| font-size: 12px; | ||
| line-height: 1.25; | ||
| margin-top: 20px; | ||
| padding-bottom: 20px; | ||
| } | ||
|
|
||
| .footerWrapper { | ||
| margin-top: 20px; | ||
|
|
||
| a, | ||
| .copyright { | ||
| color: var(--theme-about-window-copyright-color); | ||
| font-family: var(--font-regular); | ||
| font-size: 12px; | ||
| line-height: 1.25; | ||
| } | ||
|
|
||
| .copyright { | ||
| margin-top: 6px; | ||
| } | ||
| } | ||
| } |
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,12 @@ | ||
| // @flow | ||
| import React, {Component} from 'react'; | ||
| import About from '../../components/static/About'; | ||
|
|
||
| export default class AboutPage extends Component { | ||
|
|
||
| render() { | ||
| return ( | ||
| <About /> | ||
| ); | ||
| } | ||
| } |
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
Oops, something went wrong.