Activity Library v2: update activity card UI

[nickoferrall]

Figma designs: https://www.figma.com/file/PmE9A2ryODVzFPjZFJn7qi/Parabol-Activity-Library?type=design&node-id=1036-28426&mode=design&t=0hT1JdrobaDPvoKr-0

AC

• Move template name below the activity card
• Add the meeting type below the template name
• Update the background colour on the activity cards

[nickoferrall]

@enriquesanchez if you click on the "Retrospective" tab, would the meeting type "Retrospective" still show up under the template name?

[enriquesanchez]

@nickoferrall I had some early iterations where I removed the meeting type if you had navigated into the category tab, or more recent ones like the Favorites view where there are category subsections.

I'm still on the fence about it, the type is a very important piece of info and I worry that despite the user navigating to a specific tab, it still won't be clear enough what they are looking at.

I think the safest thing to try is to keep it for category views, and we can test with the Favorites view if removing it has any negative effects.

How does that sound?

[nickoferrall]

Sounds good to me! It'll be easy to implement if we keep the meeting type in all the views too 👍

[nickoferrall]

Hey @enriquesanchez, would you mind sending me the background image for the activity card? It looks similar the Perlin swirling lines that Figma offers, but I can't see the image in the Assets folder. I'm probably looking in the wrong place.

Also, for the meeting types, I'm currently showing: retrospective, feedback, poker, and standups. Premortem and post-morten, for example, would count as retrospective.

I'm mapping our internal meetingTypeEnum to these four categories:

  retrospective: 'retrospective',
  action: 'feedback',
  poker: 'estimation',
  teamPrompt: 'standup'

Let me know if you had something else in mind! 🙏