Skip to content

/ ghostery-extension

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

Jump to bottom

GH-2048: Display premium icons & subscription info & GH-2036: Unlock Plus features on GBE/Midnight for all Premium & Plus users #546

Merged
merged 35 commits into from May 20, 2020
+174 −102
Merged

GH-2048: Display premium icons & subscription info & GH-2036: Unlock Plus features on GBE/Midnight for all Premium & Plus users #546

Changes from 1 commit
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
901c4fa
Show premium subscribers a premium badge in simple/detailed views, he…
benstrumeyer May 7, 2020
f944c6c
Use api version 2.1.0 to get multiple subscriptions
benstrumeyer May 7, 2020
e035e69
Add hover effect for premium icon in menu
benstrumeyer May 7, 2020
659749b
Use css as single source of truth for icon colors
benstrumeyer May 7, 2020
2a83d42
Handle case where a user has multiple subscriptions and display Premi…
benstrumeyer May 7, 2020
de02e6c
Display subscription name
benstrumeyer May 8, 2020
53378f0
Remove duplicate locale string
benstrumeyer May 8, 2020
a10bd6c
Handle case where user only has a premium subscription and clicks the…
benstrumeyer May 8, 2020
7e552d2
Refactor code
benstrumeyer May 8, 2020
eb43832
Merge branch 'develop' into GH-2048
benstrumeyer May 8, 2020
9eb39bd
Refactor subscriber badge css classes, image paths and comments
benstrumeyer May 11, 2020
2d2aa90
Fix account#getUserSubscriptionData behavior
benstrumeyer May 11, 2020
9383ab6
Add subscriptionsPremium property to user object to check if a user h…
benstrumeyer May 11, 2020
f7b36a9
Refactor Header component to use subscriptionsPremium property
benstrumeyer May 11, 2020
f545e7b
Add newline
benstrumeyer May 11, 2020
2fcc862
Refactor svg template literal
benstrumeyer May 11, 2020
ef91547
Refactor account#getUserSubscriptionData to return an array of subscr…
benstrumeyer May 12, 2020
4fc3f53
Pass object that allows destructuring of subscriptionData
benstrumeyer May 12, 2020
2a9ffcb
Add return statement after callbacks
benstrumeyer May 12, 2020
f120d4d
Add guard to account#_setSubscriptionData to prevent overriding premi…
benstrumeyer May 12, 2020
7fe5a24
Give user subscriptionsPlus bool if they have either plus or premium …
benstrumeyer May 12, 2020
33c506a
Rename subscriptionsPlus and subscriptionsPremium to plusAccess and p…
benstrumeyer May 12, 2020
0586ff5
Set subscription property on user object with highest tier subscripti…
benstrumeyer May 12, 2020
a77797c
Refactor menu upsell icon to use user.subscriber instead of plusAcces…
benstrumeyer May 12, 2020
1816764
test
benstrumeyer May 12, 2020
0847e49
Refactor Header logo and menu icon to use subscription instead of pre…
benstrumeyer May 13, 2020
d25d313
Rename subscriber variable to subscription
benstrumeyer May 13, 2020
c9ad1de
Refactor subscriber badge to use plusAccess and premiumAccess on clic…
benstrumeyer May 13, 2020
6398be1
Check if user object exists before accessing subscription property
benstrumeyer May 13, 2020
eb337bc
Display UI elements basedd off user scope
benstrumeyer May 13, 2020
3d51fd0
Remove unused subscription property on user
benstrumeyer May 13, 2020
23e5eb7
Base menu icon off of plusAccess and premiumAccess
benstrumeyer May 13, 2020
49eb749
Refactor isPlus to hasPlusAccess, destructure some things, and save s…
benstrumeyer May 13, 2020
47f1cd5
Use panel#hasPlusAccess() directly
benstrumeyer May 13, 2020
ead0930
Fix menu icon link
benstrumeyer May 14, 2020
File filter
Filter file types
Clear filters
Jump to
Jump to file
Failed to load files.

Always

Just for now

Prev Next

Use css as single source of truth for icon colors

  • Loading branch information
@benstrumeyer
benstrumeyer committed May 7, 2020
commit 659749bfdd0afc4e38e782714a7ad93361adab88
2 app/panel/components/HeaderMenu.jsx
View file
Open in desktop
@@ -246,7 +246,7 @@ class HeaderMenu extends React.Component {
{subscriberType === 'premium' && (
<svg className={iconClasses} width="27" height="25" viewBox="0 0 27 25">
<g fill="none" fillRule="evenodd">
<g fill="#DEDEDE">
<g>
<path d="M13.263 0L14.573 1.544 16.214 0.313 17.126 2.092 19.018 1.235 19.485 3.161 21.533 2.721 21.533 4.697 23.633 4.697 23.165 6.622 25.213 7.061 24.302 8.841 26.194 9.698 24.885 11.242 26.526 12.474 24.885 13.705 26.194 15.249 24.302 16.106 25.213 17.886 23.165 18.325 23.633 20.251 21.533 20.251 21.533 22.226 19.485 21.787 19.018 23.712 17.126 22.855 16.214 24.635 14.573 23.403 13.263 24.947 11.954 23.403 10.312 24.635 9.401 22.855 7.508 23.712 7.041 21.787 4.994 22.226 4.994 20.251 2.894 20.251 3.361 18.325 1.313 17.886 2.225 16.106 0.333 15.249 1.642 13.705 0 12.474 1.642 11.242 0.333 9.698 2.225 8.841 1.313 7.061 3.361 6.622 2.894 4.697 4.994 4.697 4.994 2.721 7.041 3.161 7.508 1.235 9.401 2.092 10.312 0.313 11.954 1.544z" />
<path fillRule="nonzero" stroke="#4A4A4A" strokeWidth=".675" d="M13.009 21.387c-4.947 0-8.959-3.98-8.959-8.892 0-4.914 4.012-8.895 8.959-8.895 4.949 0 8.958 3.981 8.958 8.895 0 4.911-4.01 8.892-8.958 8.892z" />
</g>
3 app/scss/partials/_header.scss
View file
Open in desktop
@@ -156,6 +156,9 @@
}
.premiumSubscriber {
margin-left: -4px;
g > g {
fill: #DEDEDE;
}
}
&:hover {
span {color: $ghosty-blue}
ProTip! Use n and p to navigate between commits in a pull request.