Hello everyone, i am creating a dex. can someone help me how to create search bar in my token select instead of scrolling from token to another… the search bar that will enable me to input token i want to find.
In the InchModal.jsx component, you can add a search bar here and filter out the tokens that are mapped out.
You can start with something like:
const [tokens, setTokens] = useState();
function searchHandler(e) {
// filter based on e.target.value or search input
}
...
<input onChange={(e) => searchHandler(e)} />
...
// map over filtered tokens instead of Object.values(tokenList)
tokens.map((token, index) => (