\r\n\r\n\r\n## how to accept one\r\n\r\nAny owner of nfts in the `desiredCollection` of that **atomic-swap** can accept that trade and `select` a nft from any that they own \r\n\r\n- the user needs to be able to search and select a nft of that collection\r\n- then they are able to accept the trade \r\n\r\n\u003Cimg src=https://github.com/user-attachments/assets/c5008d33-6664-4f6c-a9f4-fa04743b1508 width=400 />\r\n\r\n\r\n\r\n",[2021,2024,2027,2030,2032],{"name":2022,"color":2023},"UX first","7057ff",{"name":2025,"color":2026},"chief","67EA1F",{"name":2028,"color":2029},"design-request","9259A3",{"name":2031,"color":1992},"A-atomic-swap",{"name":2033,"color":1992},"A-offer",11331,"Collection Atomic Swaps ","2025-02-14T13:30:32Z","https://github.com/kodadot/nft-gallery/issues/11331",0.7471183,{"description":2040,"labels":2041,"number":2048,"owner":1999,"repository":2000,"state":2049,"title":2050,"updated_at":2051,"url":2052,"score":2053},"requirements: https://github.com/kodadot/nft-gallery/issues/4111#actions-section\r\n\r\n\r\n## Figma \r\n\r\n- [Design File](https://www.figma.com/file/gHSzqGPeQ9qK4L0qIDcTjY/gallery-item-handoff?node-id=1270%3A5615) \r\n\r\nFrom issue: \r\n## \u003Ca href=\"#actions-section\" id=\"actions-section\">Actions Buy & Offer\u003C/a>\r\n\r\n\r\n\r\n\r\n\r\n### Animation\r\n- before clicking \r\n - hover effect - bg changes its color to white\r\n- once you click: the buy button slides left and creates a dialog with a confirmation/ input field. Also, the text in the main button changes to confirm from buy. This whole box behaves similarly, it's composed of a main button and a secondary which is in this case confirmation. \r\n\r\n\r\n\r\n### Buying UI\r\nPrice will be shown in assets which item is listed, so for example Basilisk will future could list NFT in aUSD. \r\nNext to it will be shown denomination in USD\r\nBuy button will have an animation to confirm the trigger buying event.\r\nMake Offer will be available right now on Basilisk only.\r\nOn click it will roll input with amount to enter and submit Offer for NFT \r\n- in more actions: Report NFT, Download\r\n### Not listed NFT UI\r\nSame as above skipping option for buy and not showing price. \r\nShowing ofcourse offer if there will be one\r\n- In more actions: report NFT and download\r\n\r\n### Owner of NFT UI\r\nThere will be buttons LIST and Transfer.\r\nList will roll input for inputting address. Mind validation for right ss58 address per chain. This might in future change as we plan to route NFT on other chains later on :)\r\n- in more actions: Download, burn\r\n\r\n### Listed NFT owner UI\r\nChange price and transfer, both with the same animation, expanding to the left and confirming the message/your input. \r\n\r\n- in more a actions: Download, Burn, Delist\r\n\r\n## \u003Ca href=\"#tasks\" id=\"tasks\">Tasks\u003C/a>\r\n- [x] #4505\r\n- [x] #4541\r\n- [x] #4542\r\n- [x] #4543\r\n- [x] #4686\r\n\r\n### mobile version:\r\n\r\n- [price-section] [mobile] [ui-only] buy, offer, list, transfer, change price, and not listed section with popup\r\n - #4531\r\n- [ ] #4687\r\n- [ ] #4688",[2042,2043,2045,2046,2047],{"name":1985,"color":1986},{"name":2044,"color":1989},"p2",{"name":1991,"color":1992},{"name":2025,"color":2026},{"name":1996,"color":1997},4231,"closed","Redesign: Button action and Price section","2023-02-24T15:00:48Z","https://github.com/kodadot/nft-gallery/issues/4231",0.6935688,{"description":2055,"labels":2056,"number":2065,"owner":1999,"repository":2000,"state":2049,"title":2066,"updated_at":2067,"url":2068,"score":2069},"Continuation of: \r\n- https://github.com/kodadot/nft-gallery/issues/11020\r\n\r\n# What \r\n\r\n\r\nlets put a small container that will have offers and swaps inside together with a time stamp\r\n- since we don't have the functionality to show which of the swaps and offers the user have seen, we will show the newest\r\n- there is a timestamp next to the offer/swap - lets show the collapsed times (1min, 2h, 3d, 4w, 5m) \r\n\r\nfigma available here: https://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=11726-413&t=vK2M5C6EKLf01mGb-11\r\n\r\n## Close up \r\n\r\n- if empty, don't show it\r\n- skeleton loader over the component please\r\n- max visible is 2 items \r\n- underneath is count of all incoming offers + swaps \r\n- view all button - it can only redirect to one tab (can we put a logic that if there is 0 swaps and 10 offers, it will redirect to the offers and vice versa?) \r\n\t- if none of the numbers are 0, redirect to the tab with newest event\r\n- the events are more \"words\" than images (takes up less space)\r\n- offer is in the format of: X currency for Y-item\r\n- swap is in the format of: X-item for Y-item\r\n- refresh button at the top, please add simple animation and **small popup saying \"refresh\" on hover**\r\n\r\n\r\n**last thing is, lets change the wording of \"swap\" to \"create swap\" in the sidebar please**\r\n\r\nlet me know if you have any questions\r\n\r\n\r\n\r\n\r\n\r\n",[2057,2058,2059,2061,2063,2064],{"name":2022,"color":2023},{"name":2044,"color":1989},{"name":2060,"color":1992},"A-profile",{"name":2062,"color":1992},"A-sidebar",{"name":2031,"color":1992},{"name":2033,"color":1992},11334,"Incoming swaps and offers in profile sidebar ","2025-02-05T22:15:22Z","https://github.com/kodadot/nft-gallery/issues/11334",0.6963903,{"description":2071,"labels":2072,"number":2077,"owner":1999,"repository":2000,"state":2049,"title":2078,"updated_at":2079,"url":2080,"score":2081},"linked with https://github.com/kodadot/nft-gallery/issues/10807\r\n\r\n# Offers tab in gallery item\r\nslight refresh for the gallery item offer tab\r\n\r\n\r\n\r\n- it will be the second tab \r\n- there is amount, expiration, from and a button for accept if you are the owner of the nft \r\n\r\n## Mobile layout\r\n- added in there\r\n\u003Cimg width=\"444\" alt=\"image\" src=\"https://github.com/user-attachments/assets/634323d2-c3eb-41e0-bcec-fff68fa5c08a\">\r\n",[2073,2076],{"name":2074,"color":2075},"p1","D93F0B",{"name":2033,"color":1992},10845,"3. Offers tab in gallery item","2024-09-09T12:26:25Z","https://github.com/kodadot/nft-gallery/issues/10845",0.6981867,{"description":2083,"labels":2084,"number":2088,"owner":1999,"repository":2000,"state":2049,"title":2089,"updated_at":2090,"url":2091,"score":2092},"add button to start a swap with that user\r\n\r\nclosed by #11223\r\n\r\n\r\n\r\n### Swap Table\r\n\r\n- show surcharge direction\r\n- show both tokens that are being swapped , with the current implementation only the receiver or creator of the swap can open the modal, there is no `view swap` button, so users that are not involved in the trade can't see both tokens of the swap from this page\r\n- also it should support swap entire collection \r\n\r\n",[2085,2086,2087],{"name":2022,"color":2023},{"name":2028,"color":2029},{"name":2031,"color":1992},11214,"Swaps in Profile Page follow up","2025-01-29T12:58:01Z","https://github.com/kodadot/nft-gallery/issues/11214",0.7082691,{"description":2094,"labels":2095,"number":2099,"owner":1999,"repository":2000,"state":2049,"title":2100,"updated_at":2101,"url":2102,"score":2103},"\u003Cimg width=\"806\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/7c9243ae-1c66-4bdd-a530-51efc3ac68df\">\r\n\r\n\r\n## design\r\n- updated in https://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=9705-14201&t=9GbSkL2xREJSKk5Z-11\r\n- new 2 types of toast notifs - in progress, confimed\r\n- please use these two only for the profile creation, the confirmed one can be moved somewhere else\r\n- it will replace the steps when you click the save profile - then there is the loading modal and the confirmation modal\r\n\r\n## essential\r\n- the main reason to do this, is because user waits on the profile modal for some time, with this, it will be completed in background. No signature is needed, so why put a big modal in the middle of screen. \r\n\r\n## dark mode\r\n\u003Cimg width=\"229\" alt=\"image\" src=\"https://github.com/kodadot/nft-gallery/assets/90852205/0ed31cc0-84d5-4d4f-9d98-f2b877868a9e\">\r\n- otherwise follow the rules of color pairing \r\n\r\n\r\nnominating @hassnian \r\n\r\n\r\n\r\n\r\n",[2096,2097,2098],{"name":2022,"color":2023},{"name":2044,"color":1989},{"name":2060,"color":1992},10613,"Profile creation - signuature toasts ","2024-08-05T10:07:44Z","https://github.com/kodadot/nft-gallery/issues/10613",0.708802,{"description":2105,"labels":2106,"number":2110,"owner":1999,"repository":2000,"state":2049,"title":2111,"updated_at":2112,"url":2113,"score":2114},"\u003Cimg width=\"502\" alt=\"image\" src=\"https://github.com/user-attachments/assets/6e68d901-077a-43f0-b668-d7c7d08b2c9d\">\r\n\r\nthis green toast is completely missing right now\r\n\r\nfollowup for: \r\n- https://github.com/kodadot/nft-gallery/pull/10909\r\n\r\n",[2107,2108,2109],{"name":2022,"color":2023},{"name":2044,"color":1989},{"name":2033,"color":1992},10953,"No success modal after offer is created ","2024-10-03T14:12:42Z","https://github.com/kodadot/nft-gallery/issues/10953",0.7174083,{"description":2116,"labels":2117,"number":2123,"owner":1999,"repository":2000,"state":2049,"title":2124,"updated_at":2125,"url":2126,"score":2127},"requirements: https://github.com/kodadot/nft-gallery/issues/4111#offers-section\r\n\r\n## \u003Ca href=\"#offers-section\" id=\"offers-section\">Offers\u003C/a>\r\n\r\nThis would actually work only on Basilisk, as there support for offers. \r\nWe will show all offers on particular NFT.\r\nColumns like we have in current offers.\r\nIt has a column price in assets; this will be in future multi-currency. \r\n**Price** in asset, in future, can be KSM, BSX, aUSD and so on\r\n**USD** denomination of those assets... this will be tricky as there might be assets which are not always will be traded.. we will need figure out write wrapper probably for this one\r\n**Floor Differences** will be query which will check against floor of current collection and calculate if offer is above or below from nominal floor\r\n**Expiration** of offer in relative time, like hours, days, weeks, months\r\n**From** would show the address with resolver for identity on top of the address\r\n",[2118,2120,2121,2122],{"name":2119,"color":1986},"$$",{"name":2044,"color":1989},{"name":1991,"color":1992},{"name":1996,"color":1997},4233,"redesign: Offers section","2022-12-07T13:41:00Z","https://github.com/kodadot/nft-gallery/issues/4233",0.7201257,["Reactive",2129],{},["Set"],["ShallowReactive",2132],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"fUL119lR5IspiIRquRDDgJSuNuziMsmJ0k9kaMyaPKY":-1},"/kodadot/nft-gallery/10807"]