added new dropdown for rendering large list

[vaibhav135]

Pull Request

Related issue

Fixes #167

What does this PR do?

• This PR fixes the issue where if you load a lot of datasets ( > 1000 ) the dropdown starts to lag and UX becomes super laggy.

Here's the before and after -

before
https://github.com/meilisearch/mini-dashboard/assets/39329182/e72f45d7-f143-460e-afe3-e3858e03fc9d

after
https://github.com/meilisearch/mini-dashboard/assets/39329182/bc7f94fb-764c-4a9f-b306-6a6890e2e1a2

PR checklist

Please check if your PR fulfills the following requirements:

• Does this PR fix an existing issue, or have you listed the changes applied in the PR description (and why they are needed)?
• Have you read the contributing guidelines?
• Have you made sure that the title is accurate and descriptive of the changes?

Thank you so much for contributing to Meilisearch!

[bidoubiwa]

Amazong @vaibhav135 I'll be reviewing this asap :) Any idea why the cypress test is failing?

[vaibhav135]

Amazong @vaibhav135 I'll be reviewing this asap :) Any idea why the cypress test is failing?

@bidoubiwa I will check it.

[vaibhav135]

@bidoubiwa I have fixed all the tests. Also I saw that in a lot of places we were picking the element for e.g.ul directly. Please don't do that moving forward, because that is considered as a bad practise, check here for more details. Please try to use data-cy, data-testid or data-id for getting an element.

[bidoubiwa]

LGTM !! ✨

Thanks for this information! :) We'll take that into account in the future.

[bidoubiwa]

bors merge

[meili-bors]

Build succeeded:

• cypress_meilisearch-api-key
• cypress_meilisearch-no-api-key
• cypress_no_meilisearch
• linter-check