From 559e7d0921b663165e89f91625fa7cd1d58a4b18 Mon Sep 17 00:00:00 2001 From: petemill Date: Tue, 8 Jan 2019 13:35:59 +0000 Subject: [PATCH] Use new size for graphic for Rewards Brave Action graphic Size is changed to 18px as per https://github.com/brave/brave-browser/issues/2295 --- .../extension/brave_rewards/BUILD.gn | 6 ++++ .../extension/brave_rewards/background.ts | 26 +++++++++++++++++- .../brave_rewards/img/rewards-off.png | Bin 0 -> 627 bytes .../brave_rewards/img/rewards-off@2x.png | Bin 0 -> 1293 bytes .../brave_rewards/img/rewards-off@3x.png | Bin 0 -> 1956 bytes .../brave_rewards/img/rewards-on.png | Bin 0 -> 616 bytes .../brave_rewards/img/rewards-on@2x.png | Bin 0 -> 1245 bytes .../brave_rewards/img/rewards-on@3x.png | Bin 0 -> 1900 bytes 8 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-off.png create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-off@2x.png create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-off@3x.png create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-on.png create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-on@2x.png create mode 100644 components/brave_rewards/resources/extension/brave_rewards/img/rewards-on@3x.png diff --git a/components/brave_rewards/resources/extension/brave_rewards/BUILD.gn b/components/brave_rewards/resources/extension/brave_rewards/BUILD.gn index 5ed0fec3353c..b05e235e7a6e 100644 --- a/components/brave_rewards/resources/extension/brave_rewards/BUILD.gn +++ b/components/brave_rewards/resources/extension/brave_rewards/BUILD.gn @@ -24,6 +24,12 @@ transpile_web_ui("brave_rewards_panel") { "components/app.tsx", "components/panel.tsx", "constants/rewards_panel_types.ts", + "img/rewards-off.png", + "img/rewards-off@2x.png", + "img/rewards-off@3x.png", + "img/rewards-on.png", + "img/rewards-on@2x.png", + "img/rewards-on@3x.png", "utils.ts", ] diff --git a/components/brave_rewards/resources/extension/brave_rewards/background.ts b/components/brave_rewards/resources/extension/brave_rewards/background.ts index 47fed8cbbedb..8129e1e2f942 100644 --- a/components/brave_rewards/resources/extension/brave_rewards/background.ts +++ b/components/brave_rewards/resources/extension/brave_rewards/background.ts @@ -5,8 +5,32 @@ import './background/store' import './background/events/rewardsEvents' import './background/events/tabEvents' +import batIconOn18Url from './img/rewards-on.png' +import batIconOn36Url from './img/rewards-on@2x.png' +import batIconOn54Url from './img/rewards-on@3x.png' +// TODO: display 'off' icon at appropriate time +// import batIconOff18Url from './img/rewards-off.png' +// import batIconOff36Url from './img/rewards-off@2x.png' +// import batIconOff54Url from './img/rewards-off@3x.png' -chrome.browserAction.setBadgeBackgroundColor({ color: '#FF0000' }) +const iconOn = { + path: { + 18: batIconOn18Url, + 36: batIconOn36Url, + 54: batIconOn54Url + } +} + +// const iconOff = { +// path: { +// 18: batIconOff18Url, +// 36: batIconOff36Url, +// 54: batIconOff54Url +// } +// } + +chrome.browserAction.setBadgeBackgroundColor({ color: '#FB542B' }) +chrome.browserAction.setIcon(iconOn) chrome.runtime.onInstalled.addListener(function (details) { if (details.reason === 'install') { diff --git a/components/brave_rewards/resources/extension/brave_rewards/img/rewards-off.png b/components/brave_rewards/resources/extension/brave_rewards/img/rewards-off.png new file mode 100644 index 0000000000000000000000000000000000000000..6ef1990ae4407b8185c3b40bb32aec15872a4cd2 GIT binary patch literal 627 zcmV-(0*w8MP)Ku@H<$hYzkfY2#YRTD_vGYcA3^y4nf^2WnE;bRrZHUf=*j0oplg&sihu$A zucADMV?uxXGq|Sz47L{5&f#!Al!0PUXlQ~2(2#1FqKNQ-qwMVLno?2{77h-!=V9Uu z{}{V0Ekilsd>{kGpkKck+JOPg15&`n#q}vP)JFrRxUr#zL*JuM%GEXp&4!%vU5N zWf?iSczRfF+&IJW?%kVLKs6wI15GVnF3@6zXHOsgQ N002ovPDHLkV1hvTE3p6o literal 0 HcmV?d00001 diff --git a/components/brave_rewards/resources/extension/brave_rewards/img/rewards-off@2x.png b/components/brave_rewards/resources/extension/brave_rewards/img/rewards-off@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..e017d3077ea6701a2e9a6a92f665ec25679fea0b GIT binary patch literal 1293 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 Hu0mjf7sFJ0 literal 0 HcmV?d00001 diff --git a/components/brave_rewards/resources/extension/brave_rewards/img/rewards-on@3x.png b/components/brave_rewards/resources/extension/brave_rewards/img/rewards-on@3x.png new file mode 100644 index 0000000000000000000000000000000000000000..e5d0ae21a96fde31e14d0fcf6eb67f90761dfd41 GIT binary patch literal 1900 zcmV-y2b1`TP)3$g6h8OOOlQi_(n3L6wrOdnEzqJ=3I&0JL<+PBk!oZK zOUj5MB0TsYlvQGANCe|A5)(8KRsoTqqM?8+N};w+XQs2g5s9!YcS-_?&-y{E zsVP~S*bzC~ofuXQOaSz+36Md=zK(157w!mRVD~H`BH2MQi15N^*;T!Ra(i9db;NMW zpnIs}uSz?Qojg8xPpXT*)UL$9<9UnTzvQrPBR;;l|AG-=`Zy}ujTlbI9|9oGQ|zlx zTt{<`DcWN+v>P#CzO{g$7XSXOnYKAG_FvImEwQ4LmH{VPAEQ@rlopOKD{BTm)mal4 z1t9Lku(Bi(M3JjFAYi(~;dv#BervkKoftILJx^KtYG%F#K!Bw?txsn0;(2j#C598T zd(*sH&YQdihiG(rysIPf;Q+^#7>Mj$BG!o`uM~nfZFB#saZ+V$Qrw7PSzZZknr1}X z9p;C%HI+5GX#GR|;zI17^~k?2Gc!M-3YnVldG(Scg_>CE~MV8i2i;537!fnHbo;uh3|vtEb_&(k^S!7K<&9-$Nc5 z6EU1@&7y*_R6ev+Ye-9VOEpRo>S>Spfs&P19}_X~<7yf$BTurFjoUrBGe;lh!BQb9 z+tROU5)W1h6E!iMm^+S0O;ZXi(T}Y-4rx7ymQ>G77mNn3kwb>>A1|^QByl1TqFOhw zvQh``t9vL<;6qZq33?x_+wBIOzAMuSDdzOl1DE!lvZyJ4Xrv9JZV z>wrEF^eoOf%MpQ!E>!Kvd?NJWXu3v33@fa8Ai^Ter~!br;2h-NH&Ox19^ACpuV4#N zqu|BJw`&m*15aRm39K_5ZN(-Bp%jZ#LYGbj1-1zXIU-R?9J4L6YC0G87Kob|PRN-| zK4o0NC(k$xDc$bV!WJ!mBvYSgbZX%Ob`f#a7E85>2OGd}5kp&%0T{HL=4u8`FuLKX zS2Hwm1fcStF?!AXBRp6-XtglByo?7Mz;F?ROZLU|I^=Q%eddirpfhkE4fLB-G(4$y z+7+JIbVl;h=ebXFJv2>X^ts<1P<)LiF?8#39mY>9;=;Cq631^_ajzea z$Cl9)6rY8xe5LX(;~-Uy{b(W0V?mT^!zCIu<^#XxDY7at@QGTdxviOB-w;@rqCT=V zn2q^EmX>pte;Bqk%QmYudH9_oF`8S`Y1JQu^;3_1X&*k=gLa-G547{)Z*+yHe