@rpg-engine/long-bow 0.6.21 → 0.6.24

package/dist/long-bow.cjs.development.js

@@ -31378,12 +31378,10 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
   var canRemove = isLeader || isCurrentUser; // Only leaders or the current user can remove
   return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: "200px",
-    fontSize: "0.8rem"
-  }, charName)), React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
+    maxWidth: "300px"
+  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
     maxLines: 1,
-    maxWidth: "200px",
-    fontSize: "0.8rem"
+    maxWidth: "300px"
   }, charClass)), React__default.createElement(ButtonContainer$3, null, canRemove && React__default.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onRemovePlayer(id);
@@ -31405,7 +31403,7 @@ var TextContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
 var ButtonContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManagerRows__ButtonContainer",
   componentId: "sc-uqajew-2"
-})(["display:flex;align-items:center;justify-content:flex-end;min-width:150px;gap:0.5rem;"]);
+})(["display:flex;align-items:center;justify-content:space-between;min-width:150px;gap:1rem;"]);
 
 var PartyManager = function PartyManager(_ref) {
   var partyRows = _ref.partyRows,
@@ -31414,6 +31412,10 @@ var PartyManager = function PartyManager(_ref) {
     _onRemovePlayer = _ref.onRemovePlayer,
     _onChangeLeader = _ref.onChangeLeader;
   var invitationActionText = shared.isMobileOrTablet() ? 'Tap' : 'Right click';
+  // Sort members to ensure the leader is first
+  var sortedMembers = partyRows ? [partyRows.leader].concat(partyRows.members).sort(function (a, b) {
+    return a._id === partyRows.leader._id ? -1 : b._id === partyRows.leader._id ? 1 : 0;
+  }) : [];
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$5, null, React__default.createElement("div", {
     style: {
       width: '100%'
@@ -31422,21 +31424,7 @@ var PartyManager = function PartyManager(_ref) {
     className: "golden"
   }))), React__default.createElement(RowsWrapper$2, {
     className: "partyRows"
-  }, partyRows && partyRows.members ? React__default.createElement(React__default.Fragment, null, React__default.createElement(PartyManagerRow, {
-    userId: userId,
-    key: partyRows.leader._id,
-    id: partyRows.leader._id,
-    leaderId: partyRows.leader._id,
-    charName: partyRows.leader.name,
-    charClass: partyRows.leader["class"],
-    isLeader: true,
-    onRemovePlayer: function onRemovePlayer() {
-      return _onRemovePlayer(partyRows.leader._id);
-    },
-    onChangeLeader: function onChangeLeader() {
-      return _onChangeLeader(partyRows.leader._id);
-    }
-  }), partyRows.members.map(function (partyRow) {
+  }, sortedMembers.length ? sortedMembers.map(function (partyRow) {
     return React__default.createElement(PartyManagerRow, {
       userId: userId,
       key: partyRow._id,
@@ -31444,7 +31432,7 @@ var PartyManager = function PartyManager(_ref) {
       charClass: partyRow["class"],
       id: partyRow._id,
       isLeader: isLeader,
-      leaderId: partyRows.leader._id,
+      leaderId: partyRows == null ? void 0 : partyRows.leader._id,
       onRemovePlayer: function onRemovePlayer() {
         return _onRemovePlayer(partyRow._id);
       },
@@ -31452,7 +31440,7 @@ var PartyManager = function PartyManager(_ref) {
         return _onChangeLeader(partyRow._id);
       }
     });
-  })) : React__default.createElement(NotInParty, null, React__default.createElement("p", null, "You're not in a party."), React__default.createElement("p", null, "Tip: ", React__default.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
+  }) : React__default.createElement(NotInParty, null, React__default.createElement("p", null, "You're not in a party."), React__default.createElement("p", null, "Tip: ", React__default.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
 };
 var RowsWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManager__RowsWrapper",