R° test blog post

export const transformMediaCard = (card, cards = []) => {
  const tag = {}

  const cardHasTag = card?.tagText !== ''
  const cardHasLink = card?.link
  const hasCardTag = cardHasTag && !cardHasLink

  if (hasCardTag) {
    const allCardsWithTags = cards.filter(item => item?.tagText !== '' && !item?.link)

    const currentCardIndex = allCardsWithTags.findIndex(item => item.id === card.id)

    let tagColor = 'violet'

    if (validatorValues?.labels?.length && currentCardIndex > -1) {
      const currentCardNumber = currentCardIndex + 1
      const labelLength = validatorValues.labels.length
      const cardNumberMultiplier = Math.ceil(labelLength / currentCardNumber)
      const relativeCardIndex = currentCardIndex - (currentCardIndex * cardNumberMultiplier)

      const tagColorIndex = currentCardNumber > labelLength ? relativeCardIndex : currentCardIndex

      tagColor = validatorValues.labels[tagColorIndex]
    }

    tag.color = tagColor
    tag.name = card.tagText
  }

  return {
    ...card,
    cardRatio: card?.ratio === 'Landscape' ? 'portscape' : 'portrait',
    tag,
    theme: card?.theme.toLowerCase() || 'dark',
    title: card?.displayTitle || '',
  }
}