We need a sessioncard component which can accept at least 5 types for different colors which will be linked to tracks or the sessionroom. The card should always display a favouriteicon which can be clicked / tapped to mark it as a users favourite session. When type equals "pause" an pause icon should be rendered into the sessioncard.
** Inputs **
- sessionId : string -> needed for favouritefunction & link to sessiondetails
- favourite : boolean -> should it display the favourite icon
- linkToSession : boolean -> should the card link to session details page
- title : string
- speaker : string
- isFavourite : boolean
- type : string -> types should be defined in a seperate enum which hold the typeStrings
- timeSlot : string -> optional if session has a timeslot
Interface can look like this:
sessionItem {
sessionId : string;
favourite : boolean;
linkToSession : boolean;
title : string;
speaker : string;
type : string;
isFavourite: boolean;
location: string;
timeSlot ?: string;
}
Specification: https://preview.uxpin.com/79b7c537cb52f9fccac338745f1f743da468ae2e#/pages/120250315/specification/sitemap
Usage: https://preview.uxpin.com/79b7c537cb52f9fccac338745f1f743da468ae2e#/pages/120250330/specification/sitemap
We need a sessioncard component which can accept at least 5 types for different colors which will be linked to tracks or the sessionroom. The card should always display a favouriteicon which can be clicked / tapped to mark it as a users favourite session. When type equals "pause" an pause icon should be rendered into the sessioncard.
** Inputs **
Interface can look like this:
Specification: https://preview.uxpin.com/79b7c537cb52f9fccac338745f1f743da468ae2e#/pages/120250315/specification/sitemap
Usage: https://preview.uxpin.com/79b7c537cb52f9fccac338745f1f743da468ae2e#/pages/120250330/specification/sitemap