@saasquatch/mint-components 1.5.0-31 → 1.5.0-32

package/dist/cjs/{ShadowViewAddon-e8bdc499.js → ShadowViewAddon-147e7ec9.js}

@@ -34,7 +34,7 @@ function EmptySkeleton({ label }) {
 }
 
 function LeaderboardView(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
   const { states, data, elements } = props;
   const { styles } = states;
   console.log(props);
@@ -50,23 +50,23 @@ function LeaderboardView(props) {
         index.h("th", { class: "User" }, styles.usersheading),
         index.h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
       _a.map((user) => {
-        var _a, _b, _c, _d;
-        if (user.rowNumber === ((_b = (_a = data.userRank) === null || _a === void 0 ? void 0 : _a.leaderboardRank) === null || _b === void 0 ? void 0 : _b.rowNumber))
+        var _a, _b;
+        if (user.rowNumber === ((_a = data.userRank) === null || _a === void 0 ? void 0 : _a.rowNumber))
           flag = true;
-        return (index.h("tr", { class: user.rowNumber === ((_d = (_c = data.userRank) === null || _c === void 0 ? void 0 : _c.leaderboardRank) === null || _d === void 0 ? void 0 : _d.rowNumber)
-            ? "special"
+        return (index.h("tr", { class: user.rowNumber === ((_b = data.userRank) === null || _b === void 0 ? void 0 : _b.rowNumber)
+            ? "highlight"
             : "" },
           styles.showRank && index.h("td", { class: "Rank" }, user.rank),
           index.h("td", { class: "User" }, `${user.firstName} ${user.lastInitial} `),
           index.h("td", { class: "Score" }, user.value)));
       }),
       !flag && data.showUser && (index.h("tr", null,
-        index.h("td", { colSpan: 100, class: "dotdotdot" },
+        index.h("td", { colSpan: 100, class: "ellipses" },
           index.h("sl-icon", { name: "three-dots", style: { verticalAlign: "middle" } })))),
-      !flag && data.showUser && (index.h("tr", { class: "special" },
-        styles.showRank && (index.h("td", { class: "Rank" }, (_c = (_b = data.userRank) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c.rank)),
-        index.h("td", { class: "User" }, `${(_d = data.userRank) === null || _d === void 0 ? void 0 : _d.firstName} ${(_e = data.userRank) === null || _e === void 0 ? void 0 : _e.lastInitial} `),
-        index.h("td", { class: "Score" }, (_g = (_f = data.userRank) === null || _f === void 0 ? void 0 : _f.leaderboardRank) === null || _g === void 0 ? void 0 : _g.value)))))));
+      !flag && data.showUser && (index.h("tr", { class: "highlight" },
+        styles.showRank && (index.h("td", { class: "Rank" }, (_b = data.userRank) === null || _b === void 0 ? void 0 : _b.rank)),
+        index.h("td", { class: "User" }, `${((_c = data.userRank) === null || _c === void 0 ? void 0 : _c.firstName) || "-"} ${((_d = data.userRank) === null || _d === void 0 ? void 0 : _d.lastInitial) || "-"} `),
+        index.h("td", { class: "Score" }, ((_e = data.userRank) === null || _e === void 0 ? void 0 : _e.value) || "0")))))));
 }
 
 const GET_LEADERBOARD = index_module.dist.gql `
@@ -94,16 +94,16 @@ const GET_RANK = index_module.dist.gql `
         lastInitial
         leaderboardRank(type: $type, filter: $filter) {
           value
-          rowNumber
           rank
           denseRank
+          rowNumber
         }
       }
     }
   }
 `;
 function useLeaderboard(props) {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const programId = index_module.M();
   const user = index_module.ne();
   const variables = {
@@ -132,6 +132,14 @@ function useLeaderboard(props) {
       });
     });
   }
+  console.log(rankData);
+  const viewingUser = {
+    value: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c.value,
+    firstName: (_d = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _d === void 0 ? void 0 : _d.firstName,
+    lastInitial: (_e = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _e === void 0 ? void 0 : _e.lastInitial,
+    rank: (_g = (_f = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _f === void 0 ? void 0 : _f.leaderboardRank) === null || _g === void 0 ? void 0 : _g[props.rankType],
+    rowNumber: (_j = (_h = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _h === void 0 ? void 0 : _h.leaderboardRank) === null || _j === void 0 ? void 0 : _j.rowNumber,
+  };
   return {
     states: {
       loading: loadingLeaderboard,
@@ -141,7 +149,7 @@ function useLeaderboard(props) {
     data: {
       leaderboard: sortedLeaderboard,
       rankType: props.rankType,
-      userRank: rankData === null || rankData === void 0 ? void 0 : rankData.viewer,
+      userRank: viewingUser,
       showUser: props.showUser,
     },
     elements: {