Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GH-1774/In-App Insights Promo #460

Merged
merged 40 commits into from Oct 24, 2019
Merged

GH-1774/In-App Insights Promo #460

merged 40 commits into from Oct 24, 2019

Conversation

@benstrumeyer
Copy link
Contributor

@benstrumeyer benstrumeyer commented Oct 18, 2019

Implements the UI and business logic for the Insights Promo modal described in GH-1774 and GH-1814 (Promotion opt-out). Relies on PromoModals.js class in GH-1777 and GH-1776. Does not implement the exception for triggering Insights during the first month of usage. This feature will be added in a separate PR.

  • Have you followed the guidelines in CONTRIBUTING.md?
  • Have you checked to ensure there aren't other open Pull Requests for the same update/change?
  • Have you added an explanation of what your changes do?
  • Does your submission pass tests?
  • Did you lint your code prior to submission?
benstrumeyer and others added 30 commits Sep 26, 2019
… days. Users subscribed to insights will not be shown promos.
…essages. Add check icon to plus promo modal. Modify plus promo modal css.
…rendering in panel. Implement display context CSS adjustments.
… Begin to implement conditional panel display logic
…dismisses promo panel. Send record of promo interaction to background
…ional rendering logic to account for upgrade version of modal
* Show plus promo modal on first view of Home view of each Hub session

* Stub out intro hub plus promo modal layout and implement its buttons

* Remove some unnecessary plus promo modal related CSS

* Continue adding styling for plus promo modal

* Continue styling plus promo modal

* Refactor plus promo modal CSS to improve alignment of elements

* Continue CSS work for plus promo modal

* Implement recommended gold banner in plus promo modal

* Update and tweak plus promo modal design

* Fix path bug in i18n-checker tool. Consolidate redundant entries in messages. Add check icon to plus promo modal. Modify plus promo modal css.

* Additional consolidation of redundant and unused entries in messages

* Factor plus promo modal rendering out to shared component. Implement rendering in panel. Implement display context CSS adjustments.

* Move Plus Promo modal rendering to a PlusPromoModal shared component. Begin to implement conditional panel display logic

* Create ModalPromos background class responsible for modal promo related business logic and state management

* Add local state to Panel to make sure component rerenders after user dismisses promo panel. Send record of promo interaction to background

* Make PromoModals code more robust

* Factor PlusPromoModal rendering out to helper in Panel. Extend conditional rendering logic to account for upgrade version of modal

* Mark PromoModals methods as static. Refine PlusPromoModal implementation and add debug code

* Add logic to hide plus promo modal from Insights subscribers. Cleanup and comments.

* Clean up. Finish string localization in PlusPromoModal

* Pull non-shared upgrade version of plus promo modal out of shared PlusPromoModal component and into Panel to simplify

* Remove debug console statement
* Add language and toggle for notify_promotions

* Change label name
@benstrumeyer benstrumeyer added this to the 8.4.5 milestone Oct 18, 2019
@benstrumeyer benstrumeyer requested review from christophertino and wlycdgr Oct 18, 2019
@benstrumeyer benstrumeyer requested review from jsignanini, zarembsky and ghostery/ghostery as code owners Oct 18, 2019
Copy link
Member

@wlycdgr wlycdgr left a comment

Review in progress

_locales/en/messages.json Show resolved Hide resolved
_locales/en/messages.json Show resolved Hide resolved
app/images/panel/checked-circle-icon.svg Outdated Show resolved Hide resolved
app/panel/components/Panel.jsx Outdated Show resolved Hide resolved
app/panel/components/Panel.jsx Outdated Show resolved Hide resolved
app/panel/components/Panel.jsx Outdated Show resolved Hide resolved
app/panel/components/Panel.jsx Outdated Show resolved Hide resolved
app/panel/components/Panel.jsx Outdated Show resolved Hide resolved
src/classes/PromoModals.js Show resolved Hide resolved
src/classes/PromoModals.js Outdated Show resolved Hide resolved
src/classes/PromoModals.js Outdated Show resolved Hide resolved
app/images/panel/insights-ribbon.svg Outdated Show resolved Hide resolved
app/panel/components/Login.jsx Outdated Show resolved Hide resolved
app/panel/components/Summary.jsx Outdated Show resolved Hide resolved
app/panel/containers/PanelContainer.js Outdated Show resolved Hide resolved
app/scss/panel.scss Outdated Show resolved Hide resolved
app/scss/panel.scss Outdated Show resolved Hide resolved
src/classes/Metrics.js Outdated Show resolved Hide resolved
src/classes/PromoModals.js Outdated Show resolved Hide resolved
@christophertino christophertino modified the milestones: 8.4.5, 8.4.4 Oct 24, 2019
@wlycdgr wlycdgr merged commit 6e6c8d3 into release/8.4.5 Oct 24, 2019
2 checks passed
2 checks passed
continuous-integration/travis-ci/pr The Travis CI build passed
Details
continuous-integration/travis-ci/push The Travis CI build passed
Details
@wlycdgr wlycdgr deleted the GH-1774/insights-promo-v2 branch Oct 24, 2019
christophertino added a commit that referenced this pull request Oct 28, 2019
* Created modal UI

* Change feature language. Add exit button.

* Add insights modal that will appear if a user clicks 3x per day for 3 days. Users subscribed to insights will not be shown promos.

* Refactor insights modal into a component. Reshow modal after prompted to log in on summary page.

* Clean up insights modal code

* Show plus promo modal on first view of Home view of each Hub session

* Stub out intro hub plus promo modal layout and implement its buttons

* Remove some unnecessary plus promo modal related CSS

* Continue adding styling for plus promo modal

* Continue styling plus promo modal

* Refactor plus promo modal CSS to improve alignment of elements

* Continue CSS work for plus promo modal

* Implement recommended gold banner in plus promo modal

* Update and tweak plus promo modal design

* Fix path bug in i18n-checker tool. Consolidate redundant entries in messages. Add check icon to plus promo modal. Modify plus promo modal css.

* Additional consolidation of redundant and unused entries in messages

* Factor plus promo modal rendering out to shared component. Implement rendering in panel. Implement display context CSS adjustments.

* Move Plus Promo modal rendering to a PlusPromoModal shared component. Begin to implement conditional panel display logic

* Create ModalPromos background class responsible for modal promo related business logic and state management

* Add local state to Panel to make sure component rerenders after user dismisses promo panel. Send record of promo interaction to background

* Make PromoModals code more robust

* Factor PlusPromoModal rendering out to helper in Panel. Extend conditional rendering logic to account for upgrade version of modal

* Mark PromoModals methods as static. Refine PlusPromoModal implementation and add debug code

* Add logic to hide plus promo modal from Insights subscribers. Cleanup and comments.

* Clean up. Finish string localization in PlusPromoModal

* Plug in insights modal into promo modal class

* GH-1777 and GH-1776 Plus Promo modals (#458)

* Show plus promo modal on first view of Home view of each Hub session

* Stub out intro hub plus promo modal layout and implement its buttons

* Remove some unnecessary plus promo modal related CSS

* Continue adding styling for plus promo modal

* Continue styling plus promo modal

* Refactor plus promo modal CSS to improve alignment of elements

* Continue CSS work for plus promo modal

* Implement recommended gold banner in plus promo modal

* Update and tweak plus promo modal design

* Fix path bug in i18n-checker tool. Consolidate redundant entries in messages. Add check icon to plus promo modal. Modify plus promo modal css.

* Additional consolidation of redundant and unused entries in messages

* Factor plus promo modal rendering out to shared component. Implement rendering in panel. Implement display context CSS adjustments.

* Move Plus Promo modal rendering to a PlusPromoModal shared component. Begin to implement conditional panel display logic

* Create ModalPromos background class responsible for modal promo related business logic and state management

* Add local state to Panel to make sure component rerenders after user dismisses promo panel. Send record of promo interaction to background

* Make PromoModals code more robust

* Factor PlusPromoModal rendering out to helper in Panel. Extend conditional rendering logic to account for upgrade version of modal

* Mark PromoModals methods as static. Refine PlusPromoModal implementation and add debug code

* Add logic to hide plus promo modal from Insights subscribers. Cleanup and comments.

* Clean up. Finish string localization in PlusPromoModal

* Pull non-shared upgrade version of plus promo modal out of shared PlusPromoModal component and into Panel to simplify

* Remove debug console statement

* Consolidate insights promo with plus promo

* GH-1814/promo toggle (#453)

* Add language and toggle for notify_promotions

* Change label name

* User can opt out of promotions

* Remove empty SCSS class

* Add newlines

* Add hover effects

* Refactor insights promo to use redux. Remove summary component code. Remove redundant scss rules.

* Refactor hasEngagedFrequently to update in recordEngaged

* Refactor recordEngaged

* Fix recordEngaged bug

* Fix font paths

* Remove unused font asset
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Linked issues

Successfully merging this pull request may close these issues.

None yet

3 participants