-
Notifications
You must be signed in to change notification settings - Fork 313
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feature: Adds release notes component / rendering logic (#2006)
* Set updateDownloaded flag * feature: release notes modal (#2009) * feature: fix reskin button design (#2007) * Fixes dark theme primary disabled button styles * Fix font loading bugs and input color on dark theme * remove dead fonts * create and implement secondary elevated button * Updates button styles * Remove commented code * feature: beta release feedback (#2008) * Implements numeruous design enhancements, fixes activity export * Updates snapshots * Fix icon color in wallet manager * Massive amounts of design polish on both themes and many components * Lint and fix snapshots * Clean up dead code * Clean up dead code * Clean up dead code * lint * Fix snapshots * Sets up logic and finishes implementation of release notes modal * update snapshots * conditionally render notes once when running 2.6.0 * Simplify release notes render * Hide release render for now
- Loading branch information
1 parent
eb24b71
commit d6e7433
Showing
17 changed files
with
284 additions
and
11 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
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
88 changes: 88 additions & 0 deletions
88
app/components/Modals/ReleaseNotesModal/ReleaseNotesModal.jsx
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,88 @@ | ||
// @flow | ||
import React from 'react' | ||
|
||
import FullHeightPanel from '../../Panel/FullHeightPanel' | ||
import BaseModal from '../BaseModal' | ||
import Button from '../../Button' | ||
import styles from './ReleaseNotesModal.scss' | ||
import CloseButton from '../../CloseButton' | ||
import Gift from '../../../assets/icons/gift.svg' | ||
import MobileMarketing from '../../../assets/images/mobile-marketing.png' | ||
|
||
type Props = { | ||
hideModal: Function, | ||
} | ||
|
||
const ReleaseNotesModal = ({ hideModal }: Props) => ( | ||
<BaseModal | ||
hideModal={hideModal} | ||
shouldRenderHeader={false} | ||
style={{ | ||
content: { | ||
width: '730px', | ||
height: '100%', | ||
}, | ||
}} | ||
> | ||
<FullHeightPanel | ||
containerClassName={styles.releaseNotesContainer} | ||
renderInstructions={false} | ||
renderHeaderIcon={() => <Gift />} | ||
headerText="New Features" | ||
renderCloseButton={() => ( | ||
<div className={styles.closeButton} onClick={() => hideModal()}> | ||
<CloseButton renderWithoutLink /> | ||
</div> | ||
)} | ||
> | ||
<div className={styles.releaseNotesContents}> | ||
<div className={styles.release}> | ||
<div className={styles.releaseContent}> | ||
<small> v2.7.0</small> | ||
<small className={styles.date}>25th Sep 2020 </small> | ||
<h3>We have now released our mobile wallet for IOS and Android!</h3> | ||
|
||
<p> | ||
Filium morte multavit si sine causa, mox videro; interea hoc | ||
epicurus in gravissimo bello animadversionis metu degendae | ||
praesidia firmissima filium morte multavit si sine metu | ||
contineret, saluti prospexit civium, qua intellegebat contineri | ||
suam atque corrupti, quos tu tam crudelis. Sunt autem quibusdam et | ||
dolorem? sunt autem nusquam hoc tenebo, si mihi probabis ea, quae | ||
sine dubio praeclara sunt. | ||
</p> | ||
|
||
<Button>Learn more</Button> | ||
</div> | ||
<div className={styles.marketingImage}> | ||
<img src={MobileMarketing} alt="marketing-content" /> | ||
</div> | ||
</div> | ||
<div className={styles.release}> | ||
<div className={styles.releaseContent}> | ||
<small> v2.7.0</small> | ||
<small className={styles.date}>25th Sep 2020 </small> | ||
<h3>We have now released our mobile wallet for IOS and Android!</h3> | ||
|
||
<p> | ||
Filium morte multavit si sine causa, mox videro; interea hoc | ||
epicurus in gravissimo bello animadversionis metu degendae | ||
praesidia firmissima filium morte multavit si sine metu | ||
contineret, saluti prospexit civium, qua intellegebat contineri | ||
suam atque corrupti, quos tu tam crudelis. Sunt autem quibusdam et | ||
dolorem? sunt autem nusquam hoc tenebo, si mihi probabis ea, quae | ||
sine dubio praeclara sunt. | ||
</p> | ||
|
||
<Button>Learn more</Button> | ||
</div> | ||
<div className={styles.marketingImage}> | ||
<img src={MobileMarketing} alt="marketing-content" /> | ||
</div> | ||
</div> | ||
</div> | ||
</FullHeightPanel> | ||
</BaseModal> | ||
) | ||
|
||
export default ReleaseNotesModal |
68 changes: 68 additions & 0 deletions
68
app/components/Modals/ReleaseNotesModal/ReleaseNotesModal.scss
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,68 @@ | ||
.releaseNotesContainer { | ||
margin: 0 !important; | ||
width: 100%; | ||
display: flex; | ||
flex-direction: column; | ||
} | ||
.closeButton { | ||
cursor: pointer; | ||
} | ||
|
||
.releaseNotesContents { | ||
display: flex; | ||
padding: 24px; | ||
flex-direction: column; | ||
} | ||
|
||
.release { | ||
display: flex; | ||
margin-bottom: 48px; | ||
} | ||
|
||
.releaseContent { | ||
display: flex; | ||
flex: 1; | ||
flex-direction: column; | ||
|
||
.date { | ||
font-size: 14px; | ||
font-family: var(--font-sofiapro-semibold); | ||
|
||
color: #8297a0; | ||
color: var(--release-notes-date); | ||
} | ||
|
||
button { | ||
background: #4cffb3 !important; | ||
border-radius: 4px; | ||
width: 147px; | ||
height: 36px; | ||
padding: 0; | ||
font-size: 14px; | ||
text-align: center; | ||
font-family: var(--font-gotham-medium); | ||
color: var(--release-notes-button-color) !important; | ||
} | ||
|
||
h3 { | ||
margin-bottom: 6px; | ||
margin-top: 12px; | ||
} | ||
|
||
p { | ||
font-size: 14px; | ||
color: var(--release-notes-text); | ||
line-height: 17px; | ||
} | ||
} | ||
|
||
.marketingImage { | ||
display: flex; | ||
flex: 1; | ||
align-items: center; | ||
|
||
img { | ||
display: block; | ||
height: fit-content; | ||
} | ||
} |
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 |
---|---|---|
@@ -1,13 +1,27 @@ | ||
// @flow | ||
import { compose } from 'recompose' | ||
import { connect } from 'react-redux' | ||
import { bindActionCreators } from 'redux' | ||
|
||
import Home from './Home' | ||
import authActions from '../../actions/authActions' | ||
import withLoadingProp from '../../hocs/withLoadingProp' | ||
import withThemeData from '../../hocs/withThemeData' | ||
import pureStrategy from '../../hocs/helpers/pureStrategy' | ||
import { showModal } from '../../modules/modal' | ||
|
||
const actionCreators = { | ||
showModal, | ||
} | ||
|
||
const mapDispatchToProps = dispatch => | ||
bindActionCreators(actionCreators, dispatch) | ||
|
||
export default compose( | ||
connect( | ||
null, | ||
mapDispatchToProps, | ||
), | ||
withLoadingProp(authActions, { strategy: pureStrategy }), | ||
withThemeData(), | ||
)(Home) |
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.