-
Notifications
You must be signed in to change notification settings - Fork 11.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[NEW] Sections layout and featured apps for marketplace #26514
Conversation
Created the /featured endpoints on the rest.js file. Also created the necessary typings to use together with it.
…red-apps-endpoint
Fixed a problem in which the featured endpoint would be out prioritized by the rest client because it was bellow a wildcard endpoint. Also solved a typo on the route definition for the featured endpoint.
Refactored the AppsList and surrounding components so that they can be reused for more than one list of apps and start the creation of the new sections.
Consumed the response from the /featured endpoint, created a normalization function for the apps list of the sections and created the necessary types to make it all work.
…ections Implemented the on search and on load behavior for the new featured apps sections and solved some missing key problems.
…t/Rocket.Chat into feat/featured-apps-marketplace
Codecov Report
@@ Coverage Diff @@
## develop #26514 +/- ##
===========================================
- Coverage 40.42% 40.41% -0.02%
===========================================
Files 798 798
Lines 18277 18277
Branches 1959 1959
===========================================
- Hits 7389 7387 -2
- Misses 10592 10594 +2
Partials 296 296
Flags with carried forward coverage won't be shown. Click here to find out more. |
Implemented the logic for the featured apps sections to hide when the filters are used
Changed the styles of the marketplace apps page tabs to make it closer to the figma design
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
its not a good practice put a bunch of <Box ....props> around you application code.
its recommended to create a 'custom component' like "FeaturedAppSectionItem" and them there you are allowed to use some styling
The url of the featured endpoint was causing a problem on the back-end, changed the url to v1/featured-apps to solve this problem. Also solved Gazzos reviews.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
All good on Apps side :)
A lot has changed since this review.
3a08245
to
1b1fd62
Compare
1b1fd62
to
365b864
Compare
apps/meteor/client/views/admin/apps/helpers/normalizeFeaturedApps.ts
Outdated
Show resolved
Hide resolved
Fixed a bug in the Apps page pagination in which the pagination appeared in the installed page even though there were no installed apps. Also erased a duplicated boolean and solved a misalignment between the data badge component and the install/buy button.
Proposed changes (including videos or screenshots)
MKP??+ - Featured Apps
Implemented a new layout for marketplace's apps list page. Now the page has an All apps section and a "featured apps" section in which pre-selected and pre-categorized apps are dynamically shown on the top area of the page to make them stand out.

Demo gif:
ClickUp Task link: https://app.clickup.com/t/2t1w9x3
Issue(s)
Steps to test or reproduce
Further comments