\r\n\r\nBacklog for Explorer v2\r\n---\r\n- #2650 \r\n\r\n---\r\n\r\nWe've been quickly making the redesign explorer to bit speed run upcoming collection reading and try to recycle as much possible logic so we can deliver the finest user experience, in short time.\r\n\r\nMost of the logic should be already there, so I bet this should not be delayed as a gallery item.\r\n\r\nWhat you can see down is the basic view when the user first time opens `https://kodadot.xyz/explorer`. By default showing collections, aggregating collections from all networks we are indexing. \r\n\r\nEach headline could be separate task I guess. \r\n\r\n## Default collections view\r\n\u003Cimg width=\"686\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207573722-a1d9c028-d624-4c96-ba93-40c040ab5e19.png\">\r\n- there is no button for changing the grid and the number of cards.\r\n- network change \r\n\r\n## Explorer Tabs\r\nSwitching between Collections and Items. Here we would like to rethink URL path\r\n\r\nCurrently, we have on Collections `/bsx/explore?tab=COLLECTION` and we would like to have `/explore/collectibles` its more human friendly URL. Hopefully Nuxt Router won't be wonky here\r\n\r\nFor Items I would propose change from `/bsx/explore?tab=GALLERY&page=1` -> `/explore/items`\r\n\r\n## All Networks switch\r\nCurrently, we are waiting for\r\n- #4257 \r\nso till then, we can opt to show NFTs pre-selected by networks like RMRK, Basilisk, MoonRiver, MoonBeam\r\n\r\n## Collection card\r\n\r\n\r\n- #4497 \r\n- For banner background we probably use banners, but as functionality is not there, we will use the last NFT from collection or avatar picture of collection.\r\nThen we are showing avatar, collection name which we probably be wrapping after some length (@exezbcz can hint length as we probably want to introduce dynamic grid?) \r\nThan numbers we already have are volume, highest sale and items in collections.\r\n\r\n## Explorer Items\r\n\u003Cimg width=\"1264\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207589301-b14d465b-f673-4609-8317-d2f9be618b00.png\">\r\nHere you can see it added sort filter and grid settings\r\n\r\n## Sort By\r\n\r\n\r\nWe right now support two options to sort by. Why? Because sometime we want to see low to high from recently listed and not all low priced since first indexed data. \r\n- #4430 could be used here? \r\n\r\n## Explore Menubar\r\n\r\n\r\nThe default state we are thinking of would be the open section `Status` with a checked \"Buy Now\" option \r\n### Sections will be \r\n- Properties\r\n- Price \r\n- Status\r\n\r\n### Price\r\n\r\n\r\nOur current price filter, I guess there are none changes.\r\nExtra add is that when after applying price range you will change one of inputs, color of Apply button will change\r\n\r\n\r\n### Status\r\n- Buy Now -- Listed NFTs available to buy\r\n- Own -- NFTs your logged in address own\r\n\r\n### Properties\r\nI guess we don't have screenshot here?\r\n\r\n## Filter Breadcumbs\r\n\r\n\r\nIf user clicks in Menubar, there will be adding filters as tags, with option to cancel those filters\r\nBy default there will be Buy Now, it's test and incentivize artist to always have something on sale\r\nOn the very end, we will show number of result item user has ability to see after filtered\r\nfilter tag behavior here: \r\n\u003Cimg width=\"699\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207588843-70eafc88-a40d-46c1-b9f2-3b25fdddc6c2.png\">\r\n\r\n## Card Item \r\n\u003Cimg width=\"305\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207578223-56df7376-4269-4564-aa67-fde51f64bec8.png\">\r\n\r\nClassic.\r\n- Item name - here on hover we will be showing NFT hover card \r\n - #4340 \r\n- collection name\r\n- price plus token\r\n- network in corner\r\n\r\n## Mobile ui \r\n\u003Cimg width=\"970\" alt=\"image\" src=\"https://user-images.githubusercontent.com/90852205/207587685-de2f1533-cda6-44bd-b55b-e8c3c59452ca.png\">\r\n\r\n- explore items \r\n - menu is 100% vh and vw, bottom part is fixed, i will update this so there is also clear all button. \r\n - sort by changed to an icon. When clicking, there will be dropdown \r\n - same with network switch\r\n- explore collection \r\n - only network switch\r\n\r\n\r\n## Figma\r\nhttps://www.figma.com/file/OwAEyE0QDPn3tHXZbyot1o/Explore-v0.9?node-id=0%3A1&t=lu1bdZZIvVezlcsc-3\r\n- if you want edit rights, lmk\r\n\r\nI'll go with @exezbcz and fill gaps in description \r\n\r\n## Ref\r\n- #4378 \r\n- #4257 ",[2007,2010,2013,2016,2019,2021],{"name":2008,"color":2009},"$$","0E8A16",{"name":2011,"color":2012},"p2","D4C5F9",{"name":2014,"color":2015},"chief","67EA1F",{"name":2017,"color":2018},"A-explorer","FBCA04",{"name":2020,"color":2018},"A-multi-chain",{"name":2022,"color":2023},"redesign","227120",4474,"closed","Redesign Explorer v0.9 ","2023-03-17T12:42:28Z","https://github.com/kodadot/nft-gallery/issues/4474",0.645378,{"description":2031,"labels":2032,"number":2041,"owner":1988,"repository":1989,"state":2025,"title":2042,"updated_at":2043,"url":2044,"score":2045},"our drops now have different price not only 0.5 DOT. To make it easier to collect it would be nice to see the price on https://kodadot.xyz/ahp/drops. With small text - gray. Maybe in USD? Lets make it easy to collect the art. So people are not discouraged if they open drop that is expensive first.\r\n\r\n\u003Cimg width=\"1587\" alt=\"Screenshot 2024-07-23 at 17 47 22\" src=\"https://github.com/user-attachments/assets/dfb26b06-811c-499c-a510-71c26b67f2c5\">\r\n",[2033,2034,2036,2039],{"name":1985,"color":1986},{"name":2035,"color":2018},"A-generative",{"name":2037,"color":2038},"design-request","9259A3",{"name":2040,"color":2018},"A-drop-page",10674,"Show price in USD in Drops","2024-08-04T15:54:33Z","https://github.com/kodadot/nft-gallery/issues/10674",0.71438444,{"description":2047,"labels":2048,"number":2055,"owner":1988,"repository":1989,"state":2025,"title":2056,"updated_at":2057,"url":2058,"score":2059},"\r\n\r\n\r\nI recall we had designed packs/lists back then using Textile but then we pulled out (don't even recall why) and now it's probably time to recycle ♻️ implementation (if we can) so people can create lists?\r\n\r\nThis could be used of course in a multidimensional way. I.e. ppl sorting stuff like on GoodReads, i.e. Twitter lists are working, i.e. 📂 folders \r\n\r\nLet's see if we can have this mostly as an off-chain way to go\r\n\r\nLists being private/public",[2049,2051,2053],{"name":2050,"color":2018},"A-research",{"name":2052,"color":2012},"p3",{"name":2054,"color":2018},"A-worker",2837,"Add Bookmark/Watch list","2024-07-31T11:30:39Z","https://github.com/kodadot/nft-gallery/issues/2837",0.72197074,{"description":2061,"labels":2062,"number":2075,"owner":1988,"repository":1989,"state":2025,"title":2076,"updated_at":2077,"url":2078,"score":2079},"Right now, first-time users, especially that outside of Polkadot have no idea what Basilisk is, or what Ksm is at least, and they have way lot of issues getting assets on the chain to buy/mint/interact at least. To ease this good first step would be to implement XCM teleporting of KSM to Basilisk, so users can skip context switching going to Karura bridge and selecting stuff. \r\nThe goal is to mimic the same functionality with our dialogues, so users have an easier job doing this stuff. \r\n\r\nPlus, I'm thinking of merging it with the assets screen so that users can teleport right away from that screen and see results as XCM transfers are quite fast. \r\nThis will open at least some one dialog to supporting multi-currencies and showing on various address, hopefully we will make it right so it's reliable for other NFT artists out there\r\n\r\nWill go with @exezbcz to speedrun this design so we have something quickly to implement and drop here once things will be on stage :) \r\n\r\n#### Suggestions \r\nfrom Luu to have visual showed KSM & BSX chain and others probably\r\n\r\n---\r\n## Design\r\n\r\n\r\ndesign is available now in Figma - gallery item handoff - https://www.figma.com/file/gHSzqGPeQ9qK4L0qIDcTjY/gallery-item-handoff?node-id=1270%3A5615\r\nHow it works: \r\n### Buttons:\r\n- please see #4111 section with the buttons\r\n- send button has same hover states as primary in the gallery detail. \r\n- other buttons behaves similarly to button secondary \r\n- blue links don't have a hover effect, only a cursor pointer. \r\n\r\n### Description\r\n- top part:\r\n - heading and your address, buttons for logout and copy adress\r\n- teleport: \r\n - network you want to bridge from - selection, scalable in need of more networks\r\n - input field, Right side of the card isn't clickable and there is no hover effect, currency is fixed for now. In future it would be changed and it would trigger a dropdown with more options. \r\n - Destination, same as \"from\"\r\n - dialog: You will receive “amount” on “network” to \"address\", which functions as a confirmation of the step you want to make. \r\n - receive funds to another address\r\n - send button, behaves as a primary button - hover effect - white bg\r\n- Assets\r\n - some text\r\n - table with assets, network and balance\r\n- Your Fee asset\r\n - explaining text and then fee asset selection - dropdown with asset options\r\n\r\n\r\n\r\n---\r\nOld teleport on RMRK to teleport KSM to Statemine\r\n\u003Cimg width=\"512\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5887929/196051754-27486c97-f678-4990-bf6d-b30f144a87c0.png\">\r\n\r\n## Ref\r\n- #4035 \r\n- #4036 \r\n- #4118 \r\n- https://apps.karura.network/bridge\r\n- https://beta.kodadot.xyz/bsx/assets\r\n- https://wiki.polkadot.network/docs/learn-teleport\r\n- https://youtu.be/B5EvysihBFc?t=155",[2063,2065,2066,2068,2069,2070,2073],{"name":2064,"color":2009},"$",{"name":2011,"color":2012},{"name":2067,"color":2018},"A-wallet",{"name":2014,"color":2015},{"name":2020,"color":2018},{"name":2071,"color":2072},"multi-currency","8FEEB1",{"name":2074,"color":2018},"A-teleport",4119,"Revamp XCM Teleport + Assets","2023-02-05T15:10:55Z","https://github.com/kodadot/nft-gallery/issues/4119",0.72462374,{"description":2081,"labels":2082,"number":2088,"owner":1988,"repository":1989,"state":2025,"title":2089,"updated_at":2090,"url":2091,"score":2092},"## ⭐️ Feature request \r\n\r\nIn the past we had problems with copycats, to counter this it would be interesting to integrate a reporting system.\r\n\r\n### Spec\r\n\r\n- Report User\r\n- Report Collection\r\n- Report Nft\r\n\r\n### Current implementation\r\n\r\n[DenyList](https://github.com/kodadot/nft-gallery/blob/main/utils/constants.ts) mixed with [Prefix](https://github.com/kodadot/nft-gallery/blob/main/utils/prefix.ts)\r\n\r\n### Possible solution\r\n\r\nFor the moment, I would set up a mailto button to a kodadot mod address.\r\nThen we will add the reported token in denyList.\r\n\r\nLet me know if you have a better alternative.\r\n\r\n### Linked issue\r\n\r\n- kodadot/nft-gallery#1177 \r\n- kodadot/nft-gallery#4077 ",[2083,2084,2085,2087],{"name":1985,"color":1986},{"name":2050,"color":2018},{"name":2086,"color":2012},"p4",{"name":2014,"color":2015},4465,"Report System for copymints","2024-07-31T14:45:04Z","https://github.com/kodadot/nft-gallery/issues/4465",0.7256825,{"description":2094,"labels":2095,"number":2107,"owner":1988,"repository":1989,"state":2025,"title":2108,"updated_at":2109,"url":2110,"score":2111},"Issues related to search for the meaning\r\nWe should bit squash search issues and expand on others referring to this issue \r\n\r\n\r\n\r\n### Upgrade search experience\r\n- [x] https://github.com/kodadot/nft-gallery/issues/842\r\n- [x] https://github.com/kodadot/nft-gallery/issues/2110\r\n- [x] https://github.com/kodadot/nft-gallery/issues/1778\r\n- [x] https://github.com/kodadot/nft-gallery/issues/2112\r\n- [x] https://github.com/kodadot/nft-gallery/issues/2025\r\n- [x] https://github.com/kodadot/nft-gallery/issues/1839\r\n\r\n### Optional\r\n- #349 \r\n- #1231 \r\n- #1023 \r\n- #859 \r\n- #804 \r\n- #348 \r\n- #35 \r\n- #14 \r\n\r\n### Done\r\n- [x] #1294 \r\n- [x] #1138\r\n### Ref\r\n- we've started trying chief/worker as tracking master/satellite issues https://en.wikipedia.org/wiki/Master/slave_(technology)",[2096,2098,2099,2101,2103,2106],{"name":2097,"color":2009},"$$$",{"name":2086,"color":2012},{"name":2100,"color":2018},"A-search",{"name":2102,"color":2018},"A-nuxt",{"name":2104,"color":2105},"$$$$","F085E8",{"name":2014,"color":2015},1562,"Search for meaning 🔎","2024-07-31T13:48:30Z","https://github.com/kodadot/nft-gallery/issues/1562",0.7277974,{"description":2113,"labels":2114,"number":2123,"owner":1988,"repository":1989,"state":2025,"title":2124,"updated_at":2125,"url":2126,"score":2127},"It seems's Vite issue is resolved meanwhile? \r\n- https://github.com/nuxt/framework/issues/886\r\n\r\nIf yes, it would be nice to finally drop webpack and speed up stuff! :) \r\n\r\n> As webpack4 used by Nuxt is ancient (\"@types/webpack\": \"^4.41.32\") we want to upgrade anyway\r\n\r\n## Ref \r\n- https://github.com/kodadot/nft-gallery/blob/main/nuxt.config.js#L28\r\n- #1418 \r\n- #2692 \r\n- #2690 ",[2115,2116,2117,2118,2121],{"name":2008,"color":2009},{"name":2011,"color":2012},{"name":2102,"color":2018},{"name":2119,"color":2120},"hacktoberfest","CFBB38",{"name":2122,"color":2018},"A-vite",3908,"Migrate to vite on production","2023-06-01T14:25:00Z","https://github.com/kodadot/nft-gallery/issues/3908",0.7295119,{"description":2129,"labels":2130,"number":2137,"owner":1988,"repository":1989,"state":2025,"title":2138,"updated_at":2139,"url":2140,"score":2141},"### Context\r\n\r\nI would like to see offers for the particular item the the item detail\r\n\r\n### Task\r\n\r\n1. In gallery item create a new tab in the big table called offers\r\n2. fetch offers from the indexer - [Gallery item detail: list offers intended for the item](https://github.com/kodadot/stick/discussions/295)\r\n3. show the values in logical order - exez can help you with that - for refference we can reuse design of old basilisk offers - https://github.com/kodadot/nft-gallery/pull/8912",[2131,2132,2134,2135],{"name":1985,"color":1986},{"name":2133,"color":2018},"A-statemine-ahk",{"name":2011,"color":2012},{"name":2136,"color":2018},"A-statemint-ahp",10766,"Read Offer on Item on AssetHub","2024-10-07T14:25:09Z","https://github.com/kodadot/nft-gallery/issues/10766",0.735237,["Reactive",2143],{},["Set"],["ShallowReactive",2146],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"yog_sBkC22pXSW1jkkkgpV2f0f9gSyDLE0T4P1PCbsA":-1},"/kodadot/nft-gallery/10768"]