@ludo.ninja/components 2.1.88 → 2.1.89

package/build/components/search/searchSuggestions/index.js

@@ -17,6 +17,7 @@ const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const _3d_1 = require("../../../utils/3d");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const ItemType_1 = require("../../../dto/common/ItemType");
+const Badge_1 = __importDefault(require("../../../system/Badge"));
 // Styles
 const StyledSearchSuggestions = styled_components_1.default.div `
   position: relative;
@@ -138,7 +139,7 @@ const SearchSuggestions = ({ searchTerm, assets, profiles, collections, isLoadin
                                                 caption: 'Profiles',
                                                 children: profiles.map((profile) => ((0, jsx_runtime_1.jsx)(searchSuggestionsItem_1.default, { borderRadius: true, name: profile.getName() || '', link: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["profile"]}/${profile.getUserId()}/nfts`, imgUrl: profile.getUserPic({
                                                         mediaDomain: getMediaENVDomain(),
-                                                    }), additionalHTML: Boolean(profile.getFollowings()) && ((0, jsx_runtime_1.jsxs)("span", { className: 'additional', children: [profile.getFollowings(), " followers"] })), searchTerm: searchTerm }, profile.getUserId()))),
+                                                    }), additionalHTML: Boolean(profile.getFollowings()) && ((0, jsx_runtime_1.jsxs)("span", { className: 'additional', children: [profile.getFollowings(), " followers"] })), afterText: (0, jsx_runtime_1.jsx)(Badge_1.default, { color: profile.getReferralTypeColor(), title: profile.getReferralTypeName() }), searchTerm: searchTerm }, profile.getUserId()))),
                                             },
                                         ]
                                         : []),

package/build/components/search/searchSuggestions/searchSuggestionsItem/index.d.ts

@@ -5,6 +5,7 @@ interface Props {
     imgUrl: string;
     borderRadius?: boolean;
     additionalHTML?: React.ReactNode;
+    afterText?: React.ReactNode;
     searchTerm?: string;
 }
 declare const SearchSuggestionsItem: React.FC<Props>;

package/build/components/search/searchSuggestions/searchSuggestionsItem/index.js

@@ -44,6 +44,7 @@ const StyledSearchSuggestionsItem = styled_components_1.default.div `
 
     .text {
       display: flex;
+      gap: 8px;
 
       overflow: hidden;
 
@@ -107,10 +108,10 @@ const StyledSearchSuggestionsItem = styled_components_1.default.div `
   }
 `;
 // Components
-const SearchSuggestionsItem = ({ name, link, imgUrl, borderRadius, additionalHTML, searchTerm, }) => ((0, jsx_runtime_1.jsx)(StyledSearchSuggestionsItem, { borderRadius: borderRadius, children: (0, jsx_runtime_1.jsxs)("a", { href: link, className: 'link', children: [(0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { borderRadiusSkeleton: borderRadius && 16, children: (0, jsx_runtime_1.jsx)("img", { src: imgUrl, alt: 'pirate', width: 32, height: 32 }) }), (0, jsx_runtime_1.jsx)("div", { className: 'text', children: (0, jsx_runtime_1.jsx)("p", { className: 'regular', children: (0, utils_1.searchQueryLetters)({
-                        text: name,
-                        searchQuery: searchTerm,
-                        className: 'strong',
-                    }) }) }), additionalHTML] }) }));
+const SearchSuggestionsItem = ({ name, link, imgUrl, borderRadius, additionalHTML, searchTerm, afterText }) => ((0, jsx_runtime_1.jsx)(StyledSearchSuggestionsItem, { borderRadius: borderRadius, children: (0, jsx_runtime_1.jsxs)("a", { href: link, className: 'link', children: [(0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { borderRadiusSkeleton: borderRadius && 16, children: (0, jsx_runtime_1.jsx)("img", { src: imgUrl, alt: 'pirate', width: 32, height: 32 }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text', children: [(0, jsx_runtime_1.jsx)("p", { className: 'regular', children: (0, utils_1.searchQueryLetters)({
+                            text: name,
+                            searchQuery: searchTerm,
+                            className: 'strong',
+                        }) }), afterText] }), additionalHTML] }) }));
 // Export
 exports.default = SearchSuggestionsItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.88",
+  "version": "2.1.89",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",