In groups, add a button to select a winner (design)

[murimessias]

I can do it! 🖌️

[fdaciuk]

Hey @murimessias! This issue depends on #30, probably I should fix the #30 before the #19 xD

[murimessias]

This issue and #19 are about the design layout, isn't it? If it's needed, I can help work with Figma 👨🏾‍🎨

[fdaciuk]

Ah, ok! I'll assign this issue to you, and create a new one to implementation. All yours ❤️

[murimessias]

I've created a Figma Prototype with that flow. The main ideia is to use a tooltip to display action name. Additionally, I'm providing screenshots here 🫰🏾

Select Winner (sneak peek of sorting a participant #19 👀)

Confirm Winner

Display Winner

[fdaciuk]

Nice @murimessias! In the winner screen, I guess we could just show the person in the "Final" list (shown as "Semifinal" in layout), instead of removing the othe participants. Maybe we could show the others in grayscale, what do you think?

@vmarcosp your opinion here would be great! :D

[murimessias]

Yeah, I was thinking of doing it that way. I'd change! It's not fair for previous participants to have their participation removed. 🤦🏾‍♂️

[murimessias]

@fdaciuk I updated the layout and used a green overlay with opacity. This helps differentiate between users who use grayscale in their profile pictures.

Display Winner

[fdaciuk]

Looks nice! Let's see what @vmarcosp thinks about this :D

[murimessias]

Final Design

[fdaciuk]

Good job @murimessias! Thanks a lot ❤️ ✨ 💃🏾