diff --git a/app/assets/v2/css/bounty.css b/app/assets/v2/css/bounty.css index 0b0a4243b21..ddc329feb07 100644 --- a/app/assets/v2/css/bounty.css +++ b/app/assets/v2/css/bounty.css @@ -58,6 +58,33 @@ body { padding-top: 3em; } +.invite-user .avatar { + width: 5.5rem; + height: 5.5rem; +} + +.quote-container { + width: 55%; + z-index: 2; +} + +.quote-container img { + top: 3rem; + left: -2rem; + position: relative; +} + +.quote-container .quote_text { + font-size: 1.1rem; + color: #4A4A4A; +} + +.quote-container .quote_author { + color: #4A4A4A; + font-size: 1rem; + font-style: italic; +} + .bounty_details .avatar { width: 50px; height: 50px; @@ -65,6 +92,7 @@ body { border-radius: 50px; margin-top: 0px; } + .bounty_details .avatar.Azure-Samples { border-radius: 0px; } @@ -478,7 +506,10 @@ a.btn { font-weight: 600; } -.username, .contributor-position, .in-progress, .current_status { +.contributor-position, +.username, +.current_status, +.in-progress { color: #0D0764; } @@ -487,11 +518,13 @@ a.btn { font-size: 10px; line-height: 11px; } + .completed-bounties { color: #05B66A; } -.abandoned-bounties, .removed-bounties { +.abandoned-bounties, +.removed-bounties { color: #F5A623; } @@ -682,7 +715,6 @@ a.btn { width: auto; } - .btn-interested, .btn-extend, .btn-cancel { @@ -727,28 +759,6 @@ a.btn { text-align: center; } -.bounty_details .quote-container, -.grant_waiting .quote-container { - width: 55%; - margin: 4rem auto; - font-weight: 700; - z-index: 2; -} - -.bounty_details .quote_text, -.grant_waiting .quote_text { - margin-top: 50px; - font-size: 1.1rem; - color: #4A4A4A; -} - -.bounty_details .quote_author, -.grant_waiting .quote_author { - color: #4A4A4A; - margin: 1rem auto; - font-size: 1rem; -} - .ethereum-issue { width:100%; color: #ffffff; diff --git a/app/assets/v2/js/pages/bounty_details.js b/app/assets/v2/js/pages/bounty_details.js index 29fd9881746..c0cfddcd0dd 100644 --- a/app/assets/v2/js/pages/bounty_details.js +++ b/app/assets/v2/js/pages/bounty_details.js @@ -501,9 +501,9 @@ var showWarningMessage = function(txid) { $('.left-rails').hide(); $('#bounty_details').hide(); - $('#bounty_detail').hide(); waitingStateActive(); + show_invite_users(); }; // refresh page if metamask changes @@ -1564,6 +1564,67 @@ const is_bounty_expired = function(bounty) { return now.getTime() >= expires_date.getTime(); }; +/** + * Checks sessionStorage to toggle to show the quote + * container vs showing the list of fulfilled users to be + * invite. + */ +const show_invite_users = () => { + + if (sessionStorage['fulfillers']) { + const users = sessionStorage['fulfillers'].split(','); + + if (users.length == 1) { + + let user = users[0]; + const title = `Work with ${user} again on your next bounty ?`; + const invite = ` +
+ + ${user} + +
+ + Invite + +- [[ bounty.title ]] -
-+ [[ bounty.title ]] +
+You've got NO open bounties
++ Create a bounty + to invite [[ userSelected.handle ]] +
+