@rpg-engine/long-bow 0.8.124 → 0.8.126

package/dist/long-bow.esm.js

@@ -30920,7 +30920,7 @@ var FriendList = function FriendList(_ref) {
   var _useState = useState(''),
     characterName = _useState[0],
     setCharacterName = _useState[1];
-  var _useState2 = useState('friends'),
+  var _useState2 = useState(friends.length > 0 ? 'friends' : 'search'),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
   useEffect(function () {
@@ -30944,7 +30944,7 @@ var FriendList = function FriendList(_ref) {
       onSearch(characterName);
     }
   };
-  var friendsTabContent = friends.length > 0 ? React.createElement(ScrollableArea, null, React.createElement(Table, null, React.createElement("thead", null, React.createElement(TableRow, null, React.createElement(TableHeader, null, "Online"), React.createElement(TableHeader, null, "Name"), React.createElement(TableHeader, null, "Actions"))), React.createElement("tbody", null, friends.map(function (friend) {
+  var friendsTabContent = React.createElement(ScrollableArea, null, React.createElement(Table, null, React.createElement("thead", null, React.createElement(TableRow, null, React.createElement(TableHeader, null, "Online"), React.createElement(TableHeader, null, "Name"), React.createElement(TableHeader, null, "Actions"))), React.createElement("tbody", null, friends.map(function (friend) {
     return React.createElement(TableRow, {
       key: friend._id
     }, React.createElement(TableCell, null, React.createElement(IsOnlineBadge, {
@@ -30960,11 +30960,7 @@ var FriendList = function FriendList(_ref) {
         return onRemoveFriend(friend);
       }
     }, "Remove"))));
-  })))) : React.createElement(EmptyStateContainer, null, React.createElement(EmptyStateText, null, "You don't have any friends yet"), React.createElement(AddFriendCTA, {
-    onClick: function onClick() {
-      return setActiveTab('search');
-    }
-  }, "Add your first friend"));
+  }))));
   var searchTabContent = React.createElement(ListContainer$1, null, React.createElement(SearchForm, {
     onSubmit: handleSubmit
   }, React.createElement(SearchInput, {
@@ -30988,11 +30984,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
@@ -31000,7 +30996,7 @@ var FriendList = function FriendList(_ref) {
     id: 'requests',
     title: "Requests (" + friendRequests.length + ")",
     content: requestsTabContent
-  }];
+  }]);
   return React.createElement(ListWrapper, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTab: activeTab,
@@ -31089,18 +31085,6 @@ var EmptyMessage = /*#__PURE__*/styled.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.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.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.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__*/isMobileOrTablet();