feat: highlight search input result keyword

[PainterPuppets]

resolve: Magickbase/ckb-explorer-public-issues#511

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ckb-explorer-frontend-in-magickbase-repo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 21, 2024 4:14am

[Keith-CY]

US is matched when keyword is USD

[PainterPuppets]

US is matched when keyword is USD

The search results are provided by the backend, and the matching fields include "description", and I'm guessing "USD" is included in "description".

This pr is matching that string and highlighting it in the frontend, I can change it if it means that the frontend doesn't want to highlight us when typing usd, but if it doesn't want to display this search result, might have to change the backend.

[Keith-CY]

US is matched when keyword is USD

The search results are provided by the backend, and the matching fields include "description", and I'm guessing "USD" is included in "description".

This pr is matching that string and highlighting it in the frontend, I can change it if it means that the frontend doesn't want to highlight us when typing usd, but if it doesn't want to display this search result, might have to change the backend.

But in this case B*US* should not be partially highlighted

[Keith-CY]

US is matched when keyword is USD

The search results are provided by the backend, and the matching fields include "description", and I'm guessing "USD" is included in "description".
This pr is matching that string and highlighting it in the frontend, I can change it if it means that the frontend doesn't want to highlight us when typing usd, but if it doesn't want to display this search result, might have to change the backend.

But in this case B*US* should not be partially highlighted

Any update on this

[PainterPuppets]

US is matched when keyword is USD

The search results are provided by the backend, and the matching fields include "description", and I'm guessing "USD" is included in "description".
This pr is matching that string and highlighting it in the frontend, I can change it if it means that the frontend doesn't want to highlight us when typing usd, but if it doesn't want to display this search result, might have to change the backend.

But in this case B*US* should not be partially highlighted

Any update on this

fixed it

[Keith-CY]

Please have a review @FrederLu

[FrederLu]

Magickbase/ckb-explorer-public-issues#511 (comment)

When the mouse is hovering, in addition to the matching information being highlighted, other information does not need to be highlighted.

---

The red line in the screenshot should be highlighted (the first point of the match), but it is not, while the later points are.

---

The data in the search results box is abnormal. Name information that matches the input information should be displayed, with matching data highlighted.

---

If there is no corresponding data match, the data should not be displayed in the result information.

[PainterPuppets]

Magickbase/ckb-explorer-public-issues#511 (comment)

When the mouse is hovering, in addition to the matching information being highlighted, other information does not need to be highlighted.

The red line in the screenshot should be highlighted (the first point of the match), but it is not, while the later points are.
The data in the search results box is abnormal. Name information that matches the input information should be displayed, with matching data highlighted.

If there is no corresponding data match, the data should not be displayed in the result information.

Problems 1 and 2 have been fixed, regarding the last two points, the search results are returned by the back-end, if want to change the search fields and logic, may need to collaborate with the back-end developers.

[FrederLu]

Magickbase/ckb-explorer-public-issues#511 (comment)

When the mouse is hovering, in addition to the matching information being highlighted, other information does not need to be highlighted.
The red line in the screenshot should be highlighted (the first point of the match), but it is not, while the later points are.
The data in the search results box is abnormal. Name information that matches the input information should be displayed, with matching data highlighted.

If there is no corresponding data match, the data should not be displayed in the result information.

Problems 1 and 2 have been fixed, regarding the last two points, the search results are returned by the back-end, if want to change the search fields and logic, may need to collaborate with the back-end developers.

The fixed problem will be verified later, but now the page cannot be opened, please confirm.

regarding the last two points, the search results are returned by the back-end, if want to change the search fields and logic, may need to collaborate with the back-end developers.

Using the API of Testnet, I saw that there is information related to the name, but the page displays the information of symbol. You can check with your backend colleagues to confirm.

[PainterPuppets]

Using the API of Testnet, I saw that there is information related to the name, but the page displays the information of symbol. You can check with your backend colleagues to confirm.

Magickbase/ckb-explorer-public-issues#511 (comment)

When the mouse is hovering, in addition to the matching information being highlighted, other information does not need to be highlighted.
The red line in the screenshot should be highlighted (the first point of the match), but it is not, while the later points are.
The data in the search results box is abnormal. Name information that matches the input information should be displayed, with matching data highlighted.

If there is no corresponding data match, the data should not be displayed in the result information.

Problems 1 and 2 have been fixed, regarding the last two points, the search results are returned by the back-end, if want to change the search fields and logic, may need to collaborate with the back-end developers.

The fixed problem will be verified later, but now the page cannot be opened, please confirm.

regarding the last two points, the search results are returned by the back-end, if want to change the search fields and logic, may need to collaborate with the back-end developers.

Using the API of `Testnet`, I saw that there is information related to the name, but the page displays the information of `symbol`. You can check with your backend colleagues to confirm.

The display logic for previous searches was the same, full_name is more like a complementary name and symbol is a commonly used name, like USD Tether and USDT, maybe most people use the latter more often?

About search results, most search engines support many fields, it seems to me that searching for both full_name and symbol doesn't seem to be a problem?

[FrederLu]

When matching to the middle part of the character, the beginning part of the character seems to be compressed, see the pattern below in the screenshot.

[PainterPuppets]

When matching to the middle part of the character, the beginning part of the character seems to be compressed, see the pattern below in the screenshot.

fixed