@rpg-engine/long-bow 0.8.123 → 0.8.124

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

@@ -30951,7 +30951,7 @@ var FriendList = function FriendList(_ref) {
       onSearch(characterName);
     }
   };
-  var friendsTabContent = React__default.createElement(ScrollableArea, null, React__default.createElement(Table, null, React__default.createElement("thead", null, React__default.createElement(TableRow, null, React__default.createElement(TableHeader, null, "Online"), React__default.createElement(TableHeader, null, "Name"), React__default.createElement(TableHeader, null, "Actions"))), React__default.createElement("tbody", null, friends.map(function (friend) {
+  var friendsTabContent = friends.length > 0 ? React__default.createElement(ScrollableArea, null, React__default.createElement(Table, null, React__default.createElement("thead", null, React__default.createElement(TableRow, null, React__default.createElement(TableHeader, null, "Online"), React__default.createElement(TableHeader, null, "Name"), React__default.createElement(TableHeader, null, "Actions"))), React__default.createElement("tbody", null, friends.map(function (friend) {
     return React__default.createElement(TableRow, {
       key: friend._id
     }, React__default.createElement(TableCell, null, React__default.createElement(IsOnlineBadge, {
@@ -30967,7 +30967,11 @@ var FriendList = function FriendList(_ref) {
         return onRemoveFriend(friend);
       }
     }, "Remove"))));
-  }))));
+  })))) : React__default.createElement(EmptyStateContainer, null, React__default.createElement(EmptyStateText, null, "You don't have any friends yet"), React__default.createElement(AddFriendCTA, {
+    onClick: function onClick() {
+      return setActiveTab('search');
+    }
+  }, "Add your first friend"));
   var searchTabContent = React__default.createElement(ListContainer$1, null, React__default.createElement(SearchForm, {
     onSubmit: handleSubmit
   }, React__default.createElement(SearchInput, {
@@ -31092,6 +31096,18 @@ var EmptyMessage = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "FriendList__EmptyMessage",
   componentId: "sc-3jf9vt-9"
 })(["text-align:center;color:#888;padding:1rem;font-size:", ";"], uiFonts.size.small);
+var EmptyStateContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "FriendList__EmptyStateContainer",
+  componentId: "sc-3jf9vt-10"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;"]);
+var EmptyStateText = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "FriendList__EmptyStateText",
+  componentId: "sc-3jf9vt-11"
+})(["text-align:center;color:#888;font-size:", ";margin:0;"], uiFonts.size.small);
+var AddFriendCTA = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "FriendList__AddFriendCTA",
+  componentId: "sc-3jf9vt-12"
+})(["background-color:", ";color:#000;border:none;padding:0.5rem 1rem;font-size:", ";cursor:pointer;border-radius:4px;transition:opacity 0.2s;&:hover{opacity:0.8;}"], uiColors.lightGreen, uiFonts.size.small);
 
 var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();