@rpg-engine/long-bow 0.8.123 → 0.8.124
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +18 -2
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +18 -2
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Friends/FriendList.tsx +77 -38
package/dist/long-bow.esm.js
CHANGED
|
@@ -30944,7 +30944,7 @@ var FriendList = function FriendList(_ref) {
|
|
|
30944
30944
|
onSearch(characterName);
|
|
30945
30945
|
}
|
|
30946
30946
|
};
|
|
30947
|
-
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) {
|
|
30947
|
+
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) {
|
|
30948
30948
|
return React.createElement(TableRow, {
|
|
30949
30949
|
key: friend._id
|
|
30950
30950
|
}, React.createElement(TableCell, null, React.createElement(IsOnlineBadge, {
|
|
@@ -30960,7 +30960,11 @@ var FriendList = function FriendList(_ref) {
|
|
|
30960
30960
|
return onRemoveFriend(friend);
|
|
30961
30961
|
}
|
|
30962
30962
|
}, "Remove"))));
|
|
30963
|
-
}))))
|
|
30963
|
+
})))) : React.createElement(EmptyStateContainer, null, React.createElement(EmptyStateText, null, "You don't have any friends yet"), React.createElement(AddFriendCTA, {
|
|
30964
|
+
onClick: function onClick() {
|
|
30965
|
+
return setActiveTab('search');
|
|
30966
|
+
}
|
|
30967
|
+
}, "Add your first friend"));
|
|
30964
30968
|
var searchTabContent = React.createElement(ListContainer$1, null, React.createElement(SearchForm, {
|
|
30965
30969
|
onSubmit: handleSubmit
|
|
30966
30970
|
}, React.createElement(SearchInput, {
|
|
@@ -31085,6 +31089,18 @@ var EmptyMessage = /*#__PURE__*/styled.p.withConfig({
|
|
|
31085
31089
|
displayName: "FriendList__EmptyMessage",
|
|
31086
31090
|
componentId: "sc-3jf9vt-9"
|
|
31087
31091
|
})(["text-align:center;color:#888;padding:1rem;font-size:", ";"], uiFonts.size.small);
|
|
31092
|
+
var EmptyStateContainer = /*#__PURE__*/styled.div.withConfig({
|
|
31093
|
+
displayName: "FriendList__EmptyStateContainer",
|
|
31094
|
+
componentId: "sc-3jf9vt-10"
|
|
31095
|
+
})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;"]);
|
|
31096
|
+
var EmptyStateText = /*#__PURE__*/styled.p.withConfig({
|
|
31097
|
+
displayName: "FriendList__EmptyStateText",
|
|
31098
|
+
componentId: "sc-3jf9vt-11"
|
|
31099
|
+
})(["text-align:center;color:#888;font-size:", ";margin:0;"], uiFonts.size.small);
|
|
31100
|
+
var AddFriendCTA = /*#__PURE__*/styled.button.withConfig({
|
|
31101
|
+
displayName: "FriendList__AddFriendCTA",
|
|
31102
|
+
componentId: "sc-3jf9vt-12"
|
|
31103
|
+
})(["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);
|
|
31088
31104
|
|
|
31089
31105
|
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
31090
31106
|
|