\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",[1984,1987,1990,1993,1996],{"name":1985,"color":1986},"UX first","7057ff",{"name":1988,"color":1989},"chief","67EA1F",{"name":1991,"color":1992},"design-request","9259A3",{"name":1994,"color":1995},"A-atomic-swap","FBCA04",{"name":1997,"color":1995},"A-offer",11331,"kodadot","nft-gallery","open","Collection Atomic Swaps ","2025-02-14T13:30:32Z","https://github.com/kodadot/nft-gallery/issues/11331",0.7715372,{"description":2007,"labels":2008,"number":2020,"owner":1999,"repository":2000,"state":2021,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### Is your feature request related to a problem?\r\n\r\nCurrently offers are set to block 1mil\r\n\r\n### Describe the solution you would like\r\n\r\nI would like to see that we take current block and add number of blocks * 14\r\n\r\n\u003Cimg width=\"261\" alt=\"Screenshot 2022-07-06 at 13 00 14\" src=\"https://user-images.githubusercontent.com/22471030/177535688-4d637bce-5c1c-44e5-95c7-994b450f99ad.png\">\r\n\r\nbasically formula => \r\n```ts\r\nconst BLOCK_OFFSET = 5 // time between submit & finalization\r\nconst BLOCK_PER_DAY_COUNT = 7200 // as on the picture \r\nconst DAY_COUNT = 14 // two weeks\r\nconst currentBlock = await api.query.system.number()\r\nconst expiration = currentBlock + BLOCK_OFFSET + (BLOCK_PER_DAY_COUNT * DAY_COUNT)\r\n```\r\n\r\n\r\n\r\n### Describe alternatives you have considered\r\n\r\n\r\n\u003Cimg width=\"893\" alt=\"Screenshot 2022-07-06 at 13 04 56\" src=\"https://user-images.githubusercontent.com/22471030/177536513-4cda4770-5591-436f-ab00-c7e2dae3bc27.png\">\r\n\r\n\r\n### Screeenshots\r\n\r\n_No response_\r\n\r\n### Deliverables\r\n\r\nWhen user makes transaction to make offer.\r\n- [ ] instead of passing block [1 000 000](https://github.com/kodadot/nft-gallery/blob/dec0f3754b662423581420d999753934d946f8c9/utils/gallery/abstractCalls.ts#L33)\r\n- [ ] make sure you calculate the correct expiration date using formula above\r\n- [ ] therefore `abstractCalls.ts#L33` should look like -> `MAKE_OFFER: [collectionId, tokenId, meta, expiration],`",[2009,2012,2015,2018],{"name":2010,"color":2011},"enhancement","a2eeef",{"name":2013,"color":2014},"$","0E8A16",{"name":2016,"color":2017},"p2","D4C5F9",{"name":2019,"color":1995},"A-basilisk",3339,"closed","When user submits make offer action, offer should have 14 day expiration on-chain","2022-07-18T10:56:15Z","https://github.com/kodadot/nft-gallery/issues/3339",0.7126385,{"description":2027,"labels":2028,"number":2037,"owner":1999,"repository":2000,"state":2021,"title":2038,"updated_at":2039,"url":2040,"score":2041},"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",[2029,2031,2032,2034],{"name":2030,"color":2014},"$$",{"name":2016,"color":2017},{"name":2033,"color":1995},"A-item",{"name":2035,"color":2036},"redesign","227120",4233,"redesign: Offers section","2022-12-07T13:41:00Z","https://github.com/kodadot/nft-gallery/issues/4233",0.73890746,{"description":2043,"labels":2044,"number":2050,"owner":1999,"repository":2000,"state":2021,"title":2051,"updated_at":2052,"url":2053,"score":2054},"GM\r\n\r\n# Offers\r\n\r\n- this is a handoff of design\r\n- reuses previous designs of modal, extends ui and flow \r\n- it consists of: a modal to make offers, offers tab in gallery item to view offers, toasts that tell you whether you created offer, profile tab with incoming offers and outgoing offers\r\n\r\n## Figma: \r\nhttps://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=11027-1025&t=mlWJ0Dirpl0N39Xk-11\r\n\r\nlets go\r\n\r\n\r\n# Offer modal \r\n- you will arrive there by clicking a button in every gallery item\r\n\r\n\r\nog, but still relevant \r\n\r\ninformation displayed:\r\n- best offer\r\n- collection floor\r\n- your offer \r\n- offer expiration\r\n\r\n### Currency switch\r\nwhen clicking this button next to the offer input, it changes the currency from DOT to USD, please make sure the balance changes as well: \r\n\u003Cimg width=\"137\" alt=\"image\" src=\"https://github.com/user-attachments/assets/b09826fc-042e-4f48-8a46-8d65e136f092\">\r\n\r\n\r\n### Disabled button states\r\nthere are some states with a tooltip: \r\n\u003Cimg width=\"681\" alt=\"image\" src=\"https://github.com/user-attachments/assets/7f447b6b-9307-4eac-983d-953e96506a34\">\r\n- please make sure they work\r\n\r\n# Signing\r\n\r\nin the figma, there is a diagram of the flow\r\n\r\n### Once you click Create offer\r\n- waiting for signing, once you sign, the whole flow moves to toasts \r\n\u003Cimg width=\"1101\" alt=\"image\" src=\"https://github.com/user-attachments/assets/b1094046-b0bd-45c5-9452-95e988b7441c\">\r\n- if you cancel signing, this is displayed\r\n\u003Cimg width=\"966\" alt=\"image\" src=\"https://github.com/user-attachments/assets/0cd96a77-8e17-412d-93b2-e456f181e31b\">\r\nplease reuse existing toasts designs and flow from signing drops etc.\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\r\n\r\n# Manage offers - profile\r\n- for this, new tab on profile is added\r\n- this tab will be later used for swaps as well \r\n\u003Cimg width=\"459\" alt=\"image\" src=\"https://github.com/user-attachments/assets/0451d50b-b929-4b54-9f94-2e92173ecf2f\">\r\n\r\nwith a filter of incoming and outgoing offers\r\n\u003Cimg width=\"413\" alt=\"image\" src=\"https://github.com/user-attachments/assets/3934dff8-913f-4b41-94cb-640b4556af00\">\r\n\r\n- each button displays the amount \r\n- then its just data \r\n\r\n\u003Cimg width=\"968\" alt=\"image\" src=\"https://github.com/user-attachments/assets/c9ec4e1a-8b92-4a9c-97ed-a6df78d2e091\">\r\n\r\n\r\n## Cancelling offer\r\n\u003Cimg width=\"914\" alt=\"image\" src=\"https://github.com/user-attachments/assets/01fef2fc-638a-41c3-833d-423bceab7667\">\r\n\r\nCancel offer is the same button as for unfollow, without hover effect, just the cursor pointer \r\n\r\n\r\n# Dark mode\r\n- follows the color rules\r\n\r\n\r\n# Other\r\nlet me know if anything is needed, thank you! \r\n",[2045,2046,2047,2049],{"name":2016,"color":2017},{"name":1988,"color":1989},{"name":2048,"color":1995},"A-modal",{"name":1997,"color":1995},10807,"Offer design and flow handoff ","2024-10-03T14:13:08Z","https://github.com/kodadot/nft-gallery/issues/10807",0.74061066,{"description":2056,"labels":2057,"number":2063,"owner":1999,"repository":2000,"state":2021,"title":2064,"updated_at":2065,"url":2066,"score":2067},"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",[2058,2059,2060,2061,2062],{"name":2013,"color":2014},{"name":2016,"color":2017},{"name":2033,"color":1995},{"name":1988,"color":1989},{"name":2035,"color":2036},4231,"Redesign: Button action and Price section","2023-02-24T15:00:48Z","https://github.com/kodadot/nft-gallery/issues/4231",0.74729943,{"description":2069,"labels":2070,"number":2075,"owner":1999,"repository":2000,"state":2021,"title":2076,"updated_at":2077,"url":2078,"score":2079},"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",[2071,2074],{"name":2072,"color":2073},"p1","D93F0B",{"name":1997,"color":1995},10845,"3. Offers tab in gallery item","2024-09-09T12:26:25Z","https://github.com/kodadot/nft-gallery/issues/10845",0.75336254,{"description":2081,"labels":2082,"number":2087,"owner":1999,"repository":2000,"state":2021,"title":2088,"updated_at":2089,"url":2090,"score":2091},"Add to faq\r\n\r\n\"We've been long working with https://bsx.fi team to have working **royalties, make an offer and accept an offer** for creators. Therefore we are offering this preview of the feature set what would be possible on MetaPrime.network once it will be part of Kusama.network. Current implementation on BSX is in beta, testing with a private group of folks. Whenever you want to test with us, visit qa-lobby channel on our discord https://discord.gg/35hzy2dXXh\"",[2083,2086],{"name":2084,"color":2085},"FAQ","0D3EF1",{"name":2019,"color":1995},1015,"Royalties, make and accept offer add to faq","2022-07-20T06:40:22Z","https://github.com/kodadot/nft-gallery/issues/1015",0.75804317,{"description":2093,"labels":2094,"number":2101,"owner":1999,"repository":2000,"state":2021,"title":2102,"updated_at":2103,"url":2104,"score":2105},"\r\n### What happened?\r\n\r\nnextId seems to be the issue , @preschian can you have a look \r\n\r\n### How to reproduce\r\n\r\n- try to create an offer for an item\r\n\r\n\r\n\r\n",[2095,2098,2099],{"name":2096,"color":2097},"bug","d73a4a",{"name":2072,"color":2073},{"name":2100,"color":1995},"A-minting",11314,"token `nextId` u32 input too large","2025-01-22T07:34:15Z","https://github.com/kodadot/nft-gallery/issues/11314",0.7585936,{"description":2107,"labels":2108,"number":2117,"owner":1999,"repository":2000,"state":2021,"title":2118,"updated_at":2119,"url":2120,"score":2121},"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",[2109,2110,2111,2113,2115,2116],{"name":1985,"color":1986},{"name":2016,"color":2017},{"name":2112,"color":1995},"A-profile",{"name":2114,"color":1995},"A-sidebar",{"name":1994,"color":1995},{"name":1997,"color":1995},11334,"Incoming swaps and offers in profile sidebar ","2025-02-05T22:15:22Z","https://github.com/kodadot/nft-gallery/issues/11334",0.75864166,{"description":2123,"labels":2124,"number":2127,"owner":1999,"repository":2000,"state":2021,"title":2128,"updated_at":2129,"url":2130,"score":2131},"LINKED TO https://github.com/kodadot/nft-gallery/issues/10807\r\n\r\n\u003Cimg width=\"860\" alt=\"image\" src=\"https://github.com/user-attachments/assets/6cc201ee-e1d2-4458-9905-0c303ba078c3\">\r\n",[2125,2126],{"name":2072,"color":2073},{"name":1997,"color":1995},10912,"5. Manage offers on profile page","2024-09-09T12:26:26Z","https://github.com/kodadot/nft-gallery/issues/10912",0.7658799,["Reactive",2133],{},["Set"],["ShallowReactive",2136],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"bHYL1N-Hh8OcvVLXIN-b43vfj4EH8X-ad6HAHXunFpk":-1},"/kodadot/nft-gallery/10765"]