Include "Did you know?" when fact is present and show on 'back' of AmbassadorCard

[itsjayway]

Reference: https://github.com/alveusgg/extension/issues/325

Hey all, I'm back! This is an MVP of implementation. It's currently missing the tailwind 'flip' animation as of the current commits and I'll continue toward delivering that in this PR.

If this is sufficient to proceed, I'm looking for feedback in:

• [ ] "Did you know? ℹ️" placement on the 'front' of the card.
• [ ] Card 'back' formatting
• [ ] Implementation

https://github.com/user-attachments/assets/61e563e2-de38-4f56-a16a-77dc5d3d1abd

[MattIPv4]

👀 Thank you for working on this! I think I agree with a lot of the feedback that copilot is giving.

Instead of having it be a heading with an icon that you need to clip, perhaps we could do a peeking/peeling corner that the user can click on to flip the card over? And perhaps when they hover on that corner we show a tooltip to give context on clicking to flip?

And I think quite important to this is an actual flip animation rather than just conditionally switching the content, though it sounds like you already plan to work on that!

[itsjayway]

Currently the simplest way I could manage rendering the dogear. It should be possible to have the fold "bring more with it" via translate-x/y, but that would reveal the unclipped portion of the card.

https://github.com/user-attachments/assets/6e5d0be4-5034-4e81-8c63-324815223751

[MattIPv4]

That looks great -- I think with a shadow on that, and the tooltip, it should be just fine.

[MattIPv4]

One other thought, I wonder if it'd be worth splitting AmbassadorCard.tsx into ambassador/card-front.tsx + ambassador/card-back.tsx + ambassador/card.tsx (and AmbassadorButton.tsx could also move to ambassador/button.tsx)?

[MattIPv4]

👋 @itsjayway how're things going on this? Anything I can do to help get this landed?

[itsjayway]

hey @MattIPv4, got absolutely cooked at work the week following my commits here 😅 things should free up this week. I'll make an effort to progress/share blockers here, apologies again.

[MattIPv4]

@itsjayway how're things going, any progress update on here?

[itsjayway]

thanks for your patience @MattIPv4, life's butt-kicking again but here is another iteration for an MVP. something annoying to note with the Dogear's current state: if the image is hovered and expanded, when hovering the Dogear, the image contracts, 'evading' the cursor.