@ludo.ninja/components 2.4.48 → 2.4.50

package/build/components/ludoEducatorModal/index.js

@@ -7,9 +7,9 @@ exports.Wrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CheckListItem_1 = __importDefault(require("./CheckListItem"));
 const Congratulations_1 = __importDefault(require("./Congratulations"));
-const useCheckDiscordFollow_1 = require("../../api/server-identities/queries/useCheckDiscordFollow");
 const useSetEducatorBoost_1 = __importDefault(require("../../api/server-identities/mutations/useSetEducatorBoost"));
 const useSetShootingStarBoost_1 = __importDefault(require("../../api/server-identities/mutations/useSetShootingStarBoost"));
+const useCheckDiscordFollow_1 = require("../../api/server-identities/queries/useCheckDiscordFollow");
 const useFetchProfile_1 = require("../../api/server-identities/queries/useFetchProfile");
 const useCheckFollow_1 = require("../../api/twitter/useCheckFollow");
 const ArrowIcon_1 = __importDefault(require("./icons/ArrowIcon"));
@@ -113,8 +113,8 @@ const LudoEducatorModal = ({ userId, onBoostAdded, boostType, className, style }
     const twitterUserName = social?.twitter?.split("https://x.com/")?.[1] || "";
     const { followStatus, followStatusLoading } = (0, useCheckFollow_1.useCheckFollow)(twitterUserName);
     const { followDiscordStatus, followDiscordStatusLoading } = (0, useCheckDiscordFollow_1.useCheckDiscordFollow)();
-    const { setEducatorBoost, loadingSetEducatorBoost } = (0, useSetEducatorBoost_1.default)();
-    const { setShootingStarBoost, loadingSetShootingStarBoost } = (0, useSetShootingStarBoost_1.default)();
+    const { setEducatorBoost, loadingSetEducatorBoost, isSetEducatorBoost } = (0, useSetEducatorBoost_1.default)();
+    const { setShootingStarBoost, loadingSetShootingStarBoost, isSetShootingStarBoost } = (0, useSetShootingStarBoost_1.default)();
     const isSocialsConnected = social?.twitter && social?.telegramLink;
     const isCheckListDone = followStatus?.following && isSocialsConnected && social?.telegramId;
     const isShootingStarCheckListDone = isCheckListDone && followDiscordStatus?.following && social?.discordId;
@@ -122,18 +122,10 @@ const LudoEducatorModal = ({ userId, onBoostAdded, boostType, className, style }
     const openModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.openModalSidebarPortal);
     const closeModalSidebarPortal = (0, ui_1.useUiStore)((state) => state.closeModalSidebarPortal);
     const handleBecomeLudoEducator = () => {
-        setEducatorBoost().then(() => {
-            onBoostAdded && onBoostAdded();
-            closeModalSidebarPortal();
-            openModalSidebarPortal((0, jsx_runtime_1.jsx)(Congratulations_1.default, {}));
-        });
+        setEducatorBoost();
     };
     const handleBecomeLudoShootingStar = () => {
-        setShootingStarBoost().then(() => {
-            onBoostAdded && onBoostAdded();
-            closeModalSidebarPortal();
-            openModalSidebarPortal((0, jsx_runtime_1.jsx)(Congratulations_1.default, { message: "You are now a Ludo Shooting Star! Check how you can take advantage of it." }));
-        });
+        setShootingStarBoost();
     };
     const handleSubmit = () => {
         if (getSubmitButtonDisabled())
@@ -166,6 +158,20 @@ const LudoEducatorModal = ({ userId, onBoostAdded, boostType, className, style }
     (0, react_1.useEffect)(() => {
         refetch();
     }, []);
+    (0, react_1.useEffect)(() => {
+        if (isSetEducatorBoost && !loadingSetEducatorBoost) {
+            onBoostAdded && onBoostAdded();
+            closeModalSidebarPortal();
+            openModalSidebarPortal((0, jsx_runtime_1.jsx)(Congratulations_1.default, {}));
+        }
+    }, [isSetEducatorBoost, loadingSetEducatorBoost]);
+    (0, react_1.useEffect)(() => {
+        if (isSetShootingStarBoost && !loadingSetShootingStarBoost) {
+            onBoostAdded && onBoostAdded();
+            closeModalSidebarPortal();
+            openModalSidebarPortal((0, jsx_runtime_1.jsx)(Congratulations_1.default, { message: "You are now a Ludo Shooting Star! Check how you can take advantage of it." }));
+        }
+    }, [isSetShootingStarBoost, loadingSetShootingStarBoost]);
     return ((0, jsx_runtime_1.jsxs)(exports.Wrapper, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(ui_2.H3, { children: "Join Ludo Educators" }), (0, jsx_runtime_1.jsxs)(CheckList, { children: [clientProfileLoading ? ((0, jsx_runtime_1.jsx)(StyledSkeleton, {})) : ((0, jsx_runtime_1.jsx)(CheckListItem_1.default, { isDone: !!social?.twitter, title: social?.twitter ? ("Connect Twitter") : ((0, jsx_runtime_1.jsxs)(StyledLink, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["account"]}/settings`, children: [(0, jsx_runtime_1.jsx)(index_1.H6, { children: "Connect Twitter" }), (0, jsx_runtime_1.jsx)(ArrowIcon_1.default, {})] })) })), clientProfileLoading ? ((0, jsx_runtime_1.jsx)(StyledSkeleton, {})) : ((0, jsx_runtime_1.jsx)(CheckListItem_1.default, { isDone: !!social?.telegramLink, title: social?.telegramLink ? ("Connect Telegram") : ((0, jsx_runtime_1.jsxs)(StyledLink, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["account"]}/settings`, children: [(0, jsx_runtime_1.jsx)(index_1.H6, { children: "Connect Telegram" }), (0, jsx_runtime_1.jsx)(ArrowIcon_1.default, {})] })) })), followStatusLoading || clientProfileLoading ? ((0, jsx_runtime_1.jsx)(StyledSkeleton, {})) : ((0, jsx_runtime_1.jsx)(CheckListItem_1.default, { isDone: Boolean(followStatus?.following), title: (0, jsx_runtime_1.jsx)(rc_tooltip_1.default, { placement: "top", trigger: ["hover", "click", "focus"], showArrow: false, styles: {
                                 root: {
                                     backgroundColor: "#ffffff",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.4.48",
+  "version": "2.4.50",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",