#5853 neo autocomplete

[prachi00]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes #<issue_number>
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Had issue bounty label?

• Fill up your KSM address:
  Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at 3586f9c

Replaced the default autocomplete component with a custom NeoAutocomplete component from the @kodadot1/brick library. This component has better styling and functionality for the SearchBar component. Added some custom styles and a Storybook story for the new component.

🤖 Generated by Copilot at 3586f9c

Sing, O Muse, of the skillful coder who devised
A new component, NeoAutocomplete, to enhance
The search bar of the web app, with custom styles
And stories, extending Oruga's elegance.

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	b7711d4
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6464b829d3c10e0008c6cd8e
😎 Deploy Preview	https://deploy-preview-6018--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[reviewpad]

AI-Generated Summary: This pull request introduces a new component called NeoAutocomplete and makes changes to the existing SearchBar.vue component. It adds styles and a story for the new NeoAutocomplete component, and updates the SearchBar.vue component implementation to use the NeoAutocomplete instead of b-autocomplete. Additionally, it exports the NeoAutocomplete component in the index.ts file and makes some minor adjustments to the _search.scss styles.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[roiLeo]

Noice!
✅ wfm

[codeclimate]

Code Climate has analyzed commit b7711d4 and detected 0 issues on this pull request.

View more on Code Climate.

[vikiival]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 25.52 USD/KSM ~ 1.176 $KSM
🧗 EzGc4s9PgCPx1YnF3fqzhLzVHpHMTL4LWPScwpDrR8JKgSU
🔗 0x88f1fa0007e72fbc6b4b399d7f79a9f368ba7e3c40b5ff164a86b26f6fbfcd38

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues