Skip to content
This repository has been archived by the owner on Jul 31, 2023. It is now read-only.

Initial marketplace UI implementation #280

Merged
merged 13 commits into from
Mar 26, 2021
Merged

Initial marketplace UI implementation #280

merged 13 commits into from
Mar 26, 2021

Conversation

mycodecrafting
Copy link
Collaborator

Initial marketplace UI implementation. closes #210

@ricklove
Copy link
Collaborator

ricklove commented Mar 25, 2021

Bug: After listing the first item on marketplace, and trying to list a 2nd, got "Listing succesful":

(This has not been listed yet)
image

@ricklove
Copy link
Collaborator

Bug: Listing 2 items in the marketplace, does not display correctly:

image

@ricklove
Copy link
Collaborator

Bug: Layout - Screen width < ~1040 doesn't work fit:

image

@mycodecrafting
Copy link
Collaborator Author

Bug: Layout - Screen width < ~1040 doesn't work fit:

image

This is unrelated to the marketplace and was reported in #244 and fixed in #249 which was just merged into develop.

@ricklove
Copy link
Collaborator

Bug: Cancel sell -> Reject Transaction, causes the modal to get stuck:

image

@mycodecrafting
Copy link
Collaborator Author

Bug: Cancel sell -> Reject Transaction, causes the modal to get stuck:

image

Good bug find but unrelated to the marketplace page. Opened as issue #285

@mycodecrafting
Copy link
Collaborator Author

Bug: After listing the first item on marketplace, and trying to list a 2nd, got "Listing succesful":

(This has not been listed yet)
image

Unrelated to this PR. Opened as issue #286

my={4}
onClick={e => {
e.preventDefault();
setLocation(`/collection/${props.address}/token/${props.id}`, { replace: true });
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be replace: false, or else the back button will not go back to marketplace.

network: string;
}

export default function FeaturedToken(props: FeaturedTokenProps) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks with small width:

image

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks with small width:

image

Can you tell me what browser version and OS you are using? It is coded that the image and content stack on top of each other in small screens. Possible Chakra-ui bug here.

Copy link
Collaborator

@ricklove ricklove left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a great start. Most of it works with a few minor bugs. (The approval assumes the mentioned bugs will either be fixed here or added to the issue tracker).

<video
loop
onClick={e => e.preventDefault()}
onMouseEnter={e => e.currentTarget.play()}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, I like the play on hover

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hah some people don't and want the video to play all the time. I tend to prefer the play on hover as well but I might be outvoted here.

@ricklove
Copy link
Collaborator

Placing a token for sell causes 2 transactions to be approved. I don't know if it is possible to make this one transaction.

@mycodecrafting
Copy link
Collaborator Author

Placing a token for sell causes 2 transactions to be approved. I don't know if it is possible to make this one transaction.

It is, though unrelated to this specific PR, I did mean to fix it in here. Thanks for reminding me. I will open a new issue for tracking and fix in this PR.

@lambdahands lambdahands merged commit 8d1d46d into develop Mar 26, 2021
@obstropolos obstropolos deleted the issue-210 branch April 20, 2021 01:32
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
3 participants