mohux / react-brackets

Reusable and customizable react brackets component, you can use it to build components such as single elimination, or double elimination brackets
105 stars 47 forks source link

How to generate double elimination bracket #4

Open sarbjeet-zd opened 3 years ago

sarbjeet-zd commented 3 years ago

Could you please provide an example data to generate double elimination bracket. That would be really helpfull

sarbjeet-zd commented 3 years ago

I have seen the example data in the project. But the losers bracket does not come back and connect with winner brackets. It goes seperately. Is it like so?

mohammadou1 commented 3 years ago

I have seen the example data in the project. But the losers bracket does not come back and connect with winner brackets. It goes seperately. Is it like so?

Hello, yes it doesnt connect currently, Didn't think connecting was that big of a deal, usually some users tend to show winners of both in a 3rd module

But you can contribute to make it optional?

I can see what I can do about it as well

alex-p-chan commented 3 years ago

It would be nice to have the two brackets connect. Also FYI the example data is slightly outdated.

roundIdx should be roundIndex otherwise it'll spit an error.

https://github.com/mohux/react-brackets/blob/1f5abdd90ebc6d072aaa14226116c4443bfa52ab/example/src/components/double-elimination/losing-bracket.tsx#L9

alex-p-chan commented 3 years ago

I'm trying to generate a double elimination bracket like this: https://liquipedia.net/dota2/The_International/2019/Main_Event#Bracket is this possible?

mohux commented 3 years ago

Thanks a lot for the note, will update the lib soon to have a n optional connector match and will have better examples

I'm trying to generate a double elimination bracket like this: https://liquipedia.net/dota2/The_International/2019/Main_Event#Bracket is this possible?

humarkx commented 2 years ago

Connecting the lower bracket with the winning bracket like this http://www.aropupu.fi/bracket/#big

Would be really nice

humarkx commented 2 years ago

We kinda styled our own version of it and created a way to display a 3rd place match, and being able to seed manually with select input, or randomized version

image

image

I would say with some modifications I see suggested on the PR's, this library is amazing @mohux 👍

ElijahPrince73 commented 2 years ago

@humarkx can you share some example code on how you did that