@rpg-engine/long-bow 0.8.124 → 0.8.126

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

@@ -30927,7 +30927,7 @@ var FriendList = function FriendList(_ref) {
   var _useState = React.useState(''),
     characterName = _useState[0],
     setCharacterName = _useState[1];
-  var _useState2 = React.useState('friends'),
+  var _useState2 = React.useState(friends.length > 0 ? 'friends' : 'search'),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
   React.useEffect(function () {
@@ -30951,7 +30951,7 @@ var FriendList = function FriendList(_ref) {
       onSearch(characterName);
     }
   };
-  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) {
+  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) {
     return React__default.createElement(TableRow, {
       key: friend._id
     }, React__default.createElement(TableCell, null, React__default.createElement(IsOnlineBadge, {
@@ -30967,11 +30967,7 @@ 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, {
@@ -30995,11 +30991,11 @@ var FriendList = function FriendList(_ref) {
     onAccept: onAcceptRequest,
     onReject: onRejectRequest
   }));
-  var tabs = [{
+  var tabs = [].concat(friends.length > 0 ? [{
     id: 'friends',
     title: "Friends (" + friends.length + ")",
     content: friendsTabContent
-  }, {
+  }] : [], [{
     id: 'search',
     title: 'Search',
     content: searchTabContent
@@ -31007,7 +31003,7 @@ var FriendList = function FriendList(_ref) {
     id: 'requests',
     title: "Requests (" + friendRequests.length + ")",
     content: requestsTabContent
-  }];
+  }]);
   return React__default.createElement(ListWrapper, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTab: activeTab,
@@ -31096,18 +31092,6 @@ 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();