makerspace-react-rails 0.4.1 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 765466c17d543fb5979cff587dd50f482a05d6ae2e92b90c1f335e7d6fb4a718
-  data.tar.gz: aeb22ee8117b52f9f76bbc4f2f594239cc9185638ef1a7e924a24f15d781bac3
+  metadata.gz: f56b54a1292e87640140ba2b3fd8c845fc78831760a115f259c50d353c955744
+  data.tar.gz: 3e79cdce97f0b4d2253620462a51ecbde08f44fa566347a815414cfb8da777e9
 SHA512:
-  metadata.gz: 56334d61bccb263c5c37747ab002384de008b53b5c23be79b85f4d7c26b8cba0cb793d10d2dfc6f1427c90f537c1a447c76880b88460255ea5dbb057f4e461bb
-  data.tar.gz: 80d0e3fd31db2a357463b6a3b219c0f2fdcca228f6ce88c2ac112fd7aecfebd8ab982d28d0c9796f1809fe178c5fe088e962d17949b60fe3f5a67f40c237fbec
+  metadata.gz: 376072eb99ebc9a432a733a8fb44a4b07f245147ae9e8c68bf668323620c6204e89cd0f569d81cf66d0810ef0dbb065830b0030151ee165deb5599d224295fb4
+  data.tar.gz: 13bced1a12dd04a7e83ae3948f901a4c998a39af12c630b536970304f9904646128f3ffaea42acdda7dcd9b0b62a39d74b317312f9456ff231c5ea5f786908a2

data/lib/makerspace/react/rails/version.rb

@@ -1,7 +1,7 @@
 module Makerspace
   module React
     module Rails
-      VERSION = "0.4.1"
+      VERSION = "0.4.2"
     end
   end
 end

data/vendor/assets/javascripts/makerspace-react.js

@@ -184713,23 +184713,27 @@ var MemberProfile = function () {
         history.push(constants_1.Routing.Settings.replace(constants_1.Routing.PathPlaceholder.MemberId, currentUserId));
     }, [currentUserId]);
     var _e = useReadTransaction_1.default(makerspace_ts_api_client_1.getMember, memberId), memberLoading = _e.isRequesting, refreshMember = _e.refresh, memberError = _e.error, _f = _e.data, member = _f === void 0 ? {} : _f;
-    var _g = React.useState(), notification = _g[0], setNotificaation = _g[1];
-    React.useEffect(function () {
+    var _g = React.useState(), notification = _g[0], setNotification = _g[1];
+    React.useLayoutEffect(function () {
         if (isOwnProfile && !memberLoading && member.hasOwnProperty("memberContractOnFile")) {
             if (member.memberContractOnFile) {
-                setNotificaation(undefined);
+                setNotification(undefined);
             }
             else {
-                setNotificaation(NotificationModal_1.Notification.Welcome);
+                setNotification(NotificationModal_1.Notification.Welcome);
             }
         }
-    }, [isOwnProfile, memberLoading, setNotificaation, member.memberContractOnFile]);
+    }, [isOwnProfile, memberLoading, setNotification, member.memberContractOnFile]);
+    // Don't render the notification box on the first paint
+    // Helps prevent flickering issue
+    var _h = React.useState(false), renderNotification = _h[0], setRenderNotification = _h[1];
+    React.useEffect(function () { return setRenderNotification(true); }, []);
     var customerId = member.customerId, earnedMembershipId = member.earnedMembershipId;
     var isEarnedMember = !!earnedMembershipId && (isOwnProfile || isAdmin);
     var closeNotification = React.useCallback(function () {
         refreshMember();
-        setNotificaation(undefined);
-    }, [refreshMember, setNotificaation]);
+        setNotification(undefined);
+    }, [refreshMember, setNotification]);
     var goToAgreements = React.useCallback(function () {
         history.push(constants_1.Routing.Documents);
     }, [history]);
@@ -184773,7 +184777,7 @@ var MemberProfile = function () {
                     displayName: "Payment History",
                     content: (React.createElement(TransactionsList_1.default, { member: member }))
                 }] : []) }),
-        React.createElement(NotificationModal_1.default, { notification: notification, onSubmit: goToAgreements, onClose: closeNotification })));
+        renderNotification && React.createElement(NotificationModal_1.default, { notification: notification, onSubmit: goToAgreements, onClose: closeNotification })));
 };
 exports.default = MemberProfile;
 
@@ -185066,7 +185070,7 @@ var NotificationModal = /** @class */ (function (_super) {
             return null;
         }
         var closeHandler = displayedNotification.required ? undefined : onClose;
-        return (React.createElement(FormModal_1.default, { formRef: this.setFormRef, id: "notification-modal", isOpen: !!notification, title: displayedNotification.title, onSubmit: onSubmit, submitText: displayedNotification.submit, closeHandler: closeHandler },
+        return (React.createElement(FormModal_1.default, { formRef: this.setFormRef, id: "notification-modal", isOpen: true, title: displayedNotification.title, onSubmit: onSubmit, submitText: displayedNotification.submit, closeHandler: closeHandler },
             React.createElement(Typography_1.default, { variant: "body1", style: { whiteSpace: "pre-line" } }, displayedNotification.body)));
     };
     return NotificationModal;