fix: collectionId in path of url

[Jarsen136]

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

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes collectionId in path #6278
• Requires deployment <snek/rubick/worker>

Did your issue had any of the "$" label on it?

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖 Generated by Copilot at 1f57248

This pull request refactors the collection search feature to use a pinia store and a composable function. This simplifies the code and makes the collection search mode accessible to other components. It also adds a feature to disable the collection search mode on mobile devices.

🤖 Generated by Copilot at 1f57248

Search by collection
Refactored with pinia
No more on mobile

[kodabot]

SUCCESS @Jarsen136 PR for issue #6278 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	59cfbe3
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64be3d7f3468cb00080b0c70
😎 Deploy Preview	https://deploy-preview-6454--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 configuration.

[reviewpad]

AI-Generated Summary: This pull request addresses the issue of how the collectionId is handled in the path of URLs. Four files have been modified and one new file (stores/search.ts) has been created. Changes include removing unnecessary checks from useSearchParams.ts and modifying the condition for isCollectionSearchMode in SearchBar.vue. The new search store, defined in stores/search.ts, now handles the state for collection search. With these updates, the collection search process is now controlled by the searchStore and adjusted by the actual device width, which ensures the proper display on both desktop and mobile devices.

[prury]

Ways of triggering the error:
go to a collection page and switch between activity and items
go to a nft and click on the link that leads to its collection

the redundant collection id does not show up on the address bar anymore, but the warning still appears:

[codeclimate]

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

View more on Code Climate.

[Jarsen136]

Ways of triggering the error: go to a collection page and switch between activity and items go to a nft and click on the link that leads to its collection

the redundant collection id does not show up on the address bar anymore, but the warning still appears:

✅ Fixed. I have removed the annoying warning. TBH, this warning is related to other issues instead of the collection search.

[vikiival]

CODE LGTM

@prury please check if it works as intended

[prury]

CODE LGTM

@prury please check if it works as intended

yup, no more warnings and redundancy

[vikiival]

pay 15 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $15 @ 5.31 USD/DOT ~ 2.825 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0xc3930d57516ea0bae576a661e23fdd0bf6667cea26ecafa971a637417b36aab2

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