diff --git a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
index f561298a3..9bfea7ff0 100644
--- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
+++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx
@@ -4,7 +4,7 @@ const createClass = require('create-react-class');
const _ = require('lodash');
const cx = require('classnames'); //Unused variable
-const DISMISS_KEY = 'dismiss_notification7-10-20';
+const DISMISS_KEY = 'dismiss_notification09-9-21';
const NotificationPopup = createClass({
getInitialState : function() {
@@ -22,16 +22,33 @@ const NotificationPopup = createClass({
notifications : {
psa : function(){
return
- Google Drive Integration!
- We have added Google Drive integration to the Homebrewery! Sign in with
- your Google account to link it with your Homebrewery profile. A new button in the Edit page will let you transfer your file to your personal
- Google Drive storage, and Google will keep a backup of each version! No more lost work surprises!
+ V3.0.0 Released!
+ After a long and bumpy road, we decided it was high time we finally release version 3 of the homebrewery into the wild. You can check out a
+ brief overview and see how to opt-in to the new features here:
+ V3 Welcome Page
+ and the Changelog.
- However, we are aware that there may be uncaught bugs. We encourage you to copy your brew into a text document before transferring to Google
- Drive just in case any issues arise as this update is rolled out.
+ BE WARNED: As we continue to develop V3, expect small tweaks in the styling, fonts, and snippets; your brews may look slightly
+ different from day-to-day. All of your old documents will continue to work as normal; we are not touching them. If you don't want to deal
+ with the possibility of slight formatting changes, you may choose to stick with the Legacy renderer on any of your brews for as long as you like.
- Note: Transferring an existing brew to Google Drive will change the edit and share links of your document. If you have shared your
- document online, remember to update the links there as well.
+ With this in mind, if you still wish to try out V3, you can opt-in any of your brews to the the V3 renderer.
+ This will likely break much of your formatting as a lot of the Markdown code has been updated, and starting from scratch may be cleaner.
+ (Don't worry, you can always change the renderer back to legacy for any brew at any time).
+ ;
+ },
+ refreshGoogle : function (){
+ return
+ Refresh your Google Drive Credentials!
+ Currently a lot of people are striking issues with their Google credentials expiring, which happens one year after the last sign in via
+ Google. This can cause errors when trying to save your brews. If this happens, simply visit the
+
+ logout page
+
+ , sign out, and then sign back in "with Google" to refresh your credentials. See
+
+ this discussion on Github
+ for more details.
;
},
faq : function(){
@@ -62,8 +79,10 @@ const NotificationPopup = createClass({
return
- Notice
- This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind:
+
+
Notice
+ This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind:
+
{_.values(this.state.notifications)}
;
}
diff --git a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
index 69bffd583..dfd3c6c63 100644
--- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
+++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
@@ -1,23 +1,22 @@
.popups{
position : fixed;
- top : @navbarHeight;
+ top : @navbarHeight;
right : 15px;
z-index : 10001;
- width : 350px;
+ width : 450px;
}
.notificationPopup{
- position : relative;
- float : right;
+ position : relative;
display : inline-block;
- width : 350px;
+ width : 100%;
padding : 15px;
padding-bottom : 10px;
- padding-left : 55px;
+ padding-left : 25px;
background-color : @blue;
color : white;
a{
- color : @steel;
+ color : #e0e5c1;
font-weight : 800;
}
i.info{
@@ -37,6 +36,9 @@
opacity : 1;
}
}
+ .header {
+ padding-left : 50px;
+ }
small{
opacity : 0.7;
font-size : 0.6em;